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内 容 简 介 


本 书 以 Dreamweaver 8 作为 网 站 建设 的 主要 工具 ,介绍 了 电子 商务 网 站 建设 的 知识 。 全 书 分 三 部 
分 : 电子 商务 网 站 建设 概论 、 网 站 外 观 设 计 和 内 容 编 辑 、Web 应 用 程序 开发 。 电 子 商务 网 站 概论 部 分 介 
绍 了 电子 商务 网 站 的 基本 概念 ,阐明 了 它 与 其 他 网 站 的 不 同 之 处 ,以 及 建立 电子 商务 网 站 的 基础 知识 。 
网 站 外 观 设计 部 分 介绍 了 如 何 利 用 Dreamweaver 8 完成 网 站 的 静态 页 面 设计 ,使 网 站 具有 引人入胜 的 
视觉 效果 。Web 应 用 程序 开发 部 分 以 Windows 2000 Server 为 服务 器 端的 系统 平台 ,较为 详尽 地 介绍 了 
IIS 5.0、ASP 的 常用 内 建 对 象 . 脚 本 语言 VBScript、SQL Server 数据 库 等 基础 知识 以 及 Dreamweaver 8 
服务 器 端的 应 用 技巧 。 与 本 书 配套 的 《电子 商务 网 站 建设 实验 指导 (第 2 版 )) 提 供 了 涵盖 本 书 主要 知识 
点 的 15 个 实验 ,并 给 出 了 详尽 的 参考 步 又 和 操作 技巧 。 

本 书 可 作为 高 等 学 校 相关 专业 的 教材 ,也 可 作为 学 习 网 站 建设 技术 的 自学 教材 。 
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出 版 说 明 


高 等 学 校 计 算 机 基础 教育 教材 精 选 


在 教育 部 关于 高 等 学 校 计算 机 基础 教育 三 层次 方案 的 指导 下 ,我 国 高 等 学 校 的 计算 
机 基础 教育 事业 蓬 孝 发 展 。 经 过 多 年 的 教学 改革 与 实践 ,全 国 很 多 学 校 在 计算 机 基础 教 
育 这 一 领域 中 积累 了 大 量 宝贵 的 经 验 , 取 得 了 许多 可 喜 的 成 果 。 

随 着 科教 兴国 战略 的 实施 以 及 社会 信息 化 进程 的 加 快 ,目前 我 国 的 高 等 教育 事业 正 
面临 着 新 的 发 展 机 遇 , 但 同时 也 必须 面 对 新 的 挑战 。 这 些 都 对 高 等 学 校 的 计算 机 基础 教 
育 提 出 了 更 高 的 要 求 。 为 了 适应 教学 改革 的 需要 ,进一步 推动 我 国 高 等 学 校 计算 机 基础 
教育 事业 的 发 展 ,我 们 在 全 国 各 高 等 学 校 精心 挖掘 和 六 选 了 一 批 经 过 教学 实践 检验 的 优 
秀 的 教学 成 果 ,编辑 出 版 了 这 套 教材 。 教 材 的 选 题 范 围 涵盖 了 计算 机 基础 教育 的 三 个 层 
次 ,包括 面向 各 高 校 开 设 的 计算 机 必修 课 .选修 课 , 以 及 与 各 类 专业 相 结合 的 计算 机 课程 。 

为 了 保证 出 版 质量 ,同时 更 好 地 适应 教学 需求 ,本 套 教 材 将 采取 开放 的 体系 和 滚动 出 
版 的 方式 ( 即 成 熟 一 本 .出 版 一 本 ,并 保持 不 断 更 新 ) ,坚持 宁 缺 考 滥 的 原则 ,力求 反映 我 国 
高 等 学 校 计算 机 基础 教育 的 最 新 成 果 , 使 本 套 丛书 无 论 在 技术 质量 上 还 是 出 版 质量 上 均 
成 为 真正 的 “ 精 选 ”。 

清华 大 学 出 版 社 一 直 致力 于 计算 机 教育 用 书 的 出 版 工作 ,在 计算 机 基础 教育 领域 出 
版 了 许多 优秀 的 教材 。 本 套 教 材 的 出 版 将 进一步 丰富 和 扩大 我 社 在 这 一 领域 的 选 题 范 
围 . 层 次 和 深度 ,以 适应 高 校 计算 机 基础 教育 课程 层次 化 多样 化 的 趋势 ,从 而 更 好 地 满足 
各 学 校 由 于 条 件 、 师 资 和 生源 水 平 ,专业 领域 等 的 差异 而 产生 的 不 同 需 求 。 我 们 热切 期 望 
全 国 广 大 教师 能 够 积极 参与 到 本 套 从 书 的 编写 工作 中 来 ,把 自己 的 教学 成 果 与 全 国 的 同 
行 们 分 享 ; 同 时 也 欢迎 广大 读者 对 本 套 教材 提出 宝贵 意见 ,以 便 我 们 改进 工作 ,为 读者 提 
供 更 好 的 服务 。 

我 们 的 电子 邮件 地 址 是 :jiaoh@tup. tsinghua. edu. cn; 联系 人 : 焦 虹 。 


清华 大 学 出 版 社 
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电子 商务 网 站 建设 教程 (第 2 版 ) 


电子 商务 在 我 国 得 到 了 快速 的 发 展 , 它 是 数字 化 商业 社会 的 核心 ,是 未 来 企业 发 展 、 
生存 的 主流 方式 。 不 具备 网 上 交易 能 力 的 企业 ,意味 着 将 失去 广阔 的 市 场 ,将 无 法 在 未 来 
的 市 场 竞争 中 占据 优势 。 

新 的 社会 需求 对 面向 电子 商务 的 应 用 人 才 提 出 了 更 高 的 培养 要 求 ,为 了 适应 社会 发 
展 的 需要 ,也 为 了 普及 计算 机 网 络 知 识 , 本 教材 尝试 着 将 复杂 的 网 络 技术 用 浅显 易 懂 的 方 
式 描述 出 来 ,并 使 用 一 些 适 当 的 工具 、 手 段 和 技巧 使 电子 商务 网 站 建设 的 教学 变 得 更 加 容 
易 和 方便 ,从 而 使 得 计算 机 教育 内 容 的 更 新 与 社会 应 用 现状 保持 了 同步 。 

本 教材 选用 了 优秀 的 Web 应 用 开发 工具 Dreamweaver 8 作为 网 站 建设 的 主要 工具 ， 
在 介绍 了 客户 端 静态 网 页 制作 的 同时 ,还 以 Windows 2000 Server 为 服务 器 的 操作 系统 

台 , 较 为 详尽 地 介绍 了 IIS 5. 0、ASP 的 常用 内 建 对 象 和 脚本 语言 VBScript、 SQL 
Server 2000 (Access 2000 为 选 学 内 容 ) 数 据 库 等 基础 知识 ,以 及 介绍 了 如 何 使 用 Dream- 
weaver 8 管理 电子 商务 系统 的 开发 和 快速 有 效 地 实现 电子 商务 系统 的 各 种 基本 功能 。 

为 了 使 读者 能 够 清晰 地 了 解 建设 电子 商务 网 站 的 知识 结构 ,本 书 从 电子 商务 网 站 建 
设 概论 、 网 站 的 外 观 设计 和 内 容 编辑 、Web 应 用 程序 开发 三 个 部 分 向 读者 介绍 网 站 建设 
的 知识 。 

电子 商务 网 站 的 概论 部 分 (第 1.2 章 ) 力 图 使 读者 对 电子 商务 网 站 有 一 个 基本 概念 ， 
了 解 什么 是 电子 商务 网 站 , 它 与 其 他 网 站 有 什么 不 同 , 并 了 解 建 站 相关 的 基础 知识 。 

网 站 的 外 观 设 计 部 分 (第 3 一 8 章 ) 从 网 页 制作 技术 上 向 读者 介绍 如 何 利用 Dream- 
weaver 8 来 完成 网 站 的 静态 页 面 设计 ,使 网 站 具有 引人入胜 的 视觉 效果 。 

Web 应 用 程序 开发 部 分 (第 9 一 14 章 ) 介 绍 了 网 站 建设 所 涉及 的 背景 和 基础 知识 以 
及 开发 方法 ,并 通过 一 个 完整 的 电子 商务 实例 来 叙述 Web 数据 库 开发 和 网 站 建设 各 个 关 
键 部 分 的 方法 和 技巧 。 

本 教材 在 章节 安排 和 重要 知识 点 的 处 理 上 充分 考虑 到 便于 教学 ,内 容 安 排 松紧 适度 ， 
重点 突出 。 所 有 各 章节 都 配 有 精心 设计 的 实例 ,每 章 开始 时 有 本 章 知识 点 的 介绍 ,帮助 读 
者 快速 理解 和 掌握 本 教材 的 各 知识 点 。 本 书 配 套 的 实验 指导 教材 ( 配 有 光盘 ) 为 每 一 章 配 
备 了 由 浅 入 深 的 实验 ,关键 实验 都 有 详细 的 参考 步骤 ,帮助 读者 更 好 地 掌握 网 站 建设 所 涉 
及 的 知识 点 。 每 个 实验 后 还 安排 了 思考 题 ,满足 了 学 生 复 习 与 加 深 理 解 知 识 点 的 实际 


本 教材 于 2004 年 1 月 发 行 第 1 版 以 来 ,受到 了 广大 读者 的 欢迎 ,先后 重印 十 多 次 ,并 


获 2005 年 上 海 市 教学 成 果 ( 高 等 学 校 ) 三 等 奖 。 根 据 读 者 的 意见 ,结合 作者 本 人 的 应 用 实 
践 在 第 1 版 的 基础 上 对 教材 进行 了 修订 。 这 次 修订 除了 对 软件 版 本 作 了 升级 以 外 ,还 对 
第 1 版 的 教材 内 容 作 了 较 大 的 增删 和 调整 ,修订 后 的 教材 内 容 更 精炼 ,更 便于 读者 学 习 和 
掌握 。 

本 教材 建议 的 学 时 数 为 72 课时 ,对 于 学 过 网 页 制作 的 学 生 , 可 只 学 本 教材 的 第 1、3 
部 分 ,建议 的 学 时 数 为 54 课时 ,附录 A 是 关于 本 教材 各 知识 点 的 教学 要 求 和 课时 分 配 的 
教学 大 纲 , 供 教学 参考 。 

本 教材 由 赵 祖 荫 主 编 。 书 中 第 1、2 章 由 赵 祖 荫 、 孙 浚 隆 编 写 ;第 3、4 章 由 王 瑞 莉 编 
写 ; 第 5 一 8 章 由 赵 祖 荫 . 赵 卓 群 编 写 ; 第 9 一 14 章 由 张瑜 . 孙 青 、 赵 祖 荫 编写 ;附录 由 赵 祖 
荫 编 写 。 全 书 由 赵 祖 荫 拟 定 大 纲 和 统一 书稿 。 

由 于 作者 学 识 有 限 , 书 中 不 妥 与 错误 之 处 敬 请 读者 批评 指正 。 
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电子 商务 网 站 建设 教程 (第 2 版 ) 


近年 来 ,电子 商务 在 我 国 得 到 了 快速 的 发 展 。 它 是 数字 化 商业 社会 的 核心 ,是 未 来 企 
业 发 展 . 生 存 的 主流 方式 。 随 着 时 代 的 发 展 , 不 具备 网 上 交易 能 力 的 企业 ,将 失去 广阔 的 
市 场 ,以 致 无 法 在 未 来 的 市 场 竞 争 中 占据 优势 。 

新 的 社会 需求 对 面向 电子 商务 的 应 用 人 才 提 出 了 更 高 的 培养 要 求 ,为 了 适应 社会 发 
展 的 需要 ,也 为 了 普及 计算 机 网 络 知 识 , 本 书 尝试 着 将 复杂 的 网 络 技术 用 浅显 易 懂 的 方式 
描述 出 来 ,并 使 用 一 些 适 当 的 工具 、 手 段 和 技巧 使 电子 商务 网 站 建设 的 教学 变 得 更 加 容易 
和 方便 ,从 而 使 得 计算 机 教育 内 容 的 更 新 与 社会 应 用 现状 保持 同步 。 

本 书 选用 优秀 的 Web 应 用 开发 工具 Dreamweaver MX 作为 网 站 建设 的 主要 工具 ， 
在 介绍 了 客户 端 静态 网 页 制作 的 同时 ,还 以 Windows 2000 Server 为 服务 器 端的 操作 系 
统 平台 ,较为 详尽 地 介绍 了 IIS 5.0、ASP 的 常用 内 建 对 象 和 脚本 语言 VBScript、SQL 
Server 2000(Access 2000 为 选 学 内 容 ) 数 据 库 等 基础 知识 ,并 介绍 了 如 何 使 用 Dream- 
weaver MX 管理 电子 商务 系统 的 开发 和 快速 有 效 地 实现 电子 商务 系统 的 各 种 基本 功能 。 

为 了 使 读者 能 够 清晰 地 了 解 建设 电子 商务 网 站 的 知识 结构 ,本 书 从 电子 商务 网 站 概 
念 、 网 站 的 外 观 设计 和 内 容 编 辑 .电子 商务 应 用 程序 开发 三 个 部 分 向 读者 介绍 网 站 建设 的 
知识 。 

电子 商务 网 站 的 概论 部 分 (第 1.2 章 ) 力 图 使 读者 对 电子 商务 网 站 有 一 个 基本 概念 ， 
了 解 什么 是 电子 商务 网 站 , 它 与 其 他 网 站 有 什么 不 同 , 并 了 解 建 站 相关 的 基础 知识 。 

网 站 的 外 观 设计 和 内 容 编 辑 部 分 (第 3 一 8 章 ) 从 网 页 制作 技术 上 向 读者 介绍 如 何 利 
用 Dreamweaver MX 来 完成 网 站 的 静态 页 面 设计 ,使 网 站 具有 引人入胜 的 视觉 效果 。 

电子 商务 应 用 程序 开发 部 分 (第 9 一 14 章 ) 介 绍 了 网 站 建设 所 涉及 的 背景 和 基础 知识 
以 及 开发 方法 ,并 通过 一 个 完整 的 电子 商务 实例 来 叙述 Web 数据 库 开发 和 网 站 建设 各 个 
关键 部 分 的 方法 和 技巧 。 

本 书 在 章节 安排 和 重要 知识 点 的 处 理 上 充分 考虑 到 了 教学 需求 ,内 容 安 排 松紧 适度 ， 
重点 突出 。 所 有 各 章节 都 配 有 精心 设计 的 实例 ,每 章 开始 时 有 本 章 知识 点 的 介绍 ,结束 时 
有 本 章 重点 摘要 和 回顾 ,可 帮助 读者 快速 理解 和 掌握 本 书 的 各 知识 点 。 本 书 配 套 的 实验 
首 导 教材 为 每 一 章 配备 了 由 浅 入 深 的 实验 ,关键 实验 都 有 详细 的 参考 步骤 ,可 帮助 读者 更 
好 地 掌握 网 站 建设 所 涉及 的 知识 点 。 每 个 实验 后 面 安排 的 思考 题 ,满足 了 学 生 复习 与 加 
深 理解 知识 点 的 实际 需要 。 本 书 的 配套 光盘 中 提供 了 应 用 实例 和 实验 用 到 的 素材 ,以 及 
主要 的 实例 和 实验 的 结果 。 附 录 C 是 配套 光盘 的 使 用 说 明 。 
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部 分 


电子 商务 网 站 建设 概论 


知识 点 
。 电子 商务 的 基本 概念 
。 电子 商务 网 站 的 特点 和 分 类 


1.1 电子 商务 的 基本 概念 


电子 商务 (Electronic Commerce,EC) 是 一 种 新 型 的 电子 方式 的 商务 贸易 活动 , 它 与 
传统 的 商务 贸易 活动 相 比 , 既 有 相似 之 处 ,又 有 明显 的 区 别 。 电 子 商务 可 以 简单 地 解释 
为 : 利用 便利 、 快 捷 和 低 成 本 的 电子 信息 技术 和 手段 进行 的 商贸 活动 。 目 前 大 家 所 讨论 
的 电子 商务 主要 是 利用 EDI( 电 子 数据 交换 ) 和 Internet (因特网 ) 来 完成 的 。 随 着 
Internet 的 不 断 完善 和 成 熟 , 基 于 Internet 技术 的 电子 商务 将 会 得 到 高 速 发 展 ,所 以 有 人 
把 电子 商务 称 做 IC(Internet Commerce)。 因 此 ,也 可 以 说 电子 商务 是 计算 机 网 络 技术 在 
商务 活动 中 的 应 用 。 

基于 计算 机 网 络 技术 的 电子 商务 可 以 实现 商务 贸易 活动 中 的 多 个 环节 ,如 电子 商情 
公告 .商务 贸易 洽谈 .电子 合同 签订 .电子 资金 划拨 .电子 发 票 开 具 .电子 单据 交换 .电子 纳 
税 、. 电 子 报关 等 ,电子 商务 活动 已 经 渗透 到 企业 银行、 运输、 税务 等 各 个 行业 并 涉及 众多 
的 个 人 用 户 。 所 以 电子 商务 将 是 未 来 企业 生存 的 主流 方式 之 一 ,企业 不 具备 网 上 交易 能 
力 就 意味 着 放弃 了 广阔 的 市 场 ,将 无 法 在 未 来 的 市 场 竞争 中 占据 优势 。 

因此 ,电子 商务 必 将 成 为 信息 化 社会 中 最 重要 的 交易 方式 和 手段 之 一 ,电子 商务 也 必 
将 与 计算 机 网 络 信息 技术 同步 高 速 发 展 。 


1.1.1 电子 商务 系统 的 组 成 


电子 商务 系统 可 以 不 分 地 域 . 时 间 , 交 易 双 方 不 用 见面 即 可 进行 商务 贸易 活动 ,电子 
商务 的 高 效 、 便 捷 、 经 济 等 优势 吸引 了 众多 商家 。 人 们 纷纷 在 网 上 推销 自己 的 产品 ,浏览 
别人 的 网 站 ,寻找 需要 的 商品 。 如 何 建 立 一 个 满足 要 求 的 电子 商务 网 站 ,包括 网 站 的 定 
位 、 网 站 技术 的 解决 方案 以 及 今后 的 发 展 规划 都 需要 深思 熟 虑 。 


基于 Internet 的 电子 商务 系统 基本 上 由 以 下 几 部 分 组 成 : 

(1) 前 台 : 前 台 就 是 Internet 上 任何 一 台 合法 的 计算 机 都 可 以 访问 的 网 站 ,客户 可 以 
从 中 获取 信息 或 购买 产品 。 一 个 网 站 首先 要 有 一 个 别人 没有 使 用 过 的 ,有 一 定 特点 的 , 容 
易 记 住 的 名 字 , 即 域名 。 企 业 通 过 电子 商务 网 站 介绍 产品 的 性 能 、 用 途 、 规 格 、 价 格 等 商务 
信息 ,接受 客户 订购 ,进行 网 上 交易 ,收集 反馈 意见 等 。 

(2) 后 台 : 后 台 是 一 个 企业 内 部 信息 管理 系统 ,完成 企业 生产 和 管理 过 程 中 的 信息 
处 理工 作 ,为 生产 和 管理 提供 决策 依据 ,主要 包括 办 公 自 动 化 系统 (OA) .企业 资源 计划 
系统 (ERP) ,供应 链 管理 系统 (SCM) .计算 机 集成 制造 系统 (CIMS)、 财 务 管理 系统 、 客 户 
关系 管理 系统 (CRM) 等 信息 管理 系统 。 

(3) 安全 系统 : 电子 商务 系统 对 信息 安全 问题 提出 了 更 高 的 要 求 。 电 子 商 务 的 安全 
不 仅 是 网 络 安全 ,如 防 病毒 .黑客 等 ,还 包括 信息 的 完整 性 以 及 交易 双方 身份 的 确认 保证 。 
CA 认证 是 必 备 的 ,CA 是 英文 Certificate Authority 的 缩写 ,通俗 地 讲 是 “电子 身份 认证 
中 心 ”的 意思 ,也 指 “ 数 字 证 书 认证 中 心 ”。 如 何 获 得 通信 对 方 的 公开 密 钥 , 并 且 相 信 此 公 
开 密 钥 是 由 某 个 身份 确定 的 人 所 拥有 的 ,解决 方法 就 是 找 一 个 大 家 共同 信任 的 第 三 方 , 即 
认证 中 心 , 颁 发 电子 证 书 。 任 何 一 个 信任 CA 的 通信 一 方 ,都 可 以 通过 验证 对 方 电子 证 书 
上 的 CA 数字 签名 来 建立 起 对 对 方 的 信任 ,并 且 获 得 对 方 的 公开 密 钥 以 备 使 用 。 每 一 个 
参与 交易 的 人 员 都 必须 有 一 个 唯一 的 、 可 识别 的 号 码 , 这 是 防止 网 上 交易 欺诈 ,保证 交易 
双方 行为 的 不 可 抵赖 性 的 唯一 手段 。 安 全 不 仅 是 技术 层面 的 问题 ,而 且 是 一 整套 预防 、 检 
测 和 实际 应 对 措施 。 

(4) 支付 系统 : 主要 实现 网 上 交易 的 货款 的 支付 和 结算 ,可 以 借助 邮局 汇款 、 银 行 一 
卡通 以 及 银行 ,金融 等 电子 交易 支付 和 结算 系统 等 。 

(5) 物流 中 心 : 即 商品 的 供求 运输 系统 ,主要 承担 供 货 商 的 送 货 请 求 , 将 产品 或 商品 
通过 各 种 运输 手段 送 到 采购 者 手中 。 

以 上 所 述 的 电子 商务 系统 的 组 成 部 分 是 一 个 统一 的 整体 ,它们 之 间 互 相 联系 、 互 相 支 
持 使 企业 的 供应 .生产 ,管理 .销售 等 环节 形成 一 个 统一 的 供应 链 。 充 分 利用 电子 商务 系 
统 可 使 企业 内 外 的 信息 流 、 物 流 .资金 流 以 及 其 他 各 种 资源 保持 在 最 佳 状态 。 


1.1.2 电子 商务 系统 的 特点 


电子 商务 网 站 除了 一 般 网 站 所 共有 的 特点 以 外 ,还 有 以 下 特点 : 

(1) 虚拟 性 : 客户 对 电子 商务 网 站 上 的 商品 只 能 通过 商品 的 图 片 和 对 商品 的 描述 来 
了 解 商 品 的 形状 、 特 性 、 价 格 和 使 用 方法 。 因 此 ,对 商品 的 感觉 不 如 在 传统 的 商店 里 购物 
具体 ,除非 以 前 使 用 过 这 个 商品 。 

(2) 商务 性 : 电子 商务 网 站 中 的 “商务 ”两 个 字 就 说 明了 其 商务 性 , 即 做 生意 。 电 子 
商务 网 站 可 为 买卖 双方 提供 一 个 交易 平台 ,买卖 双方 可 以 不 用 见面 ,可 以 互 不 认识 ,也 可 
以 相隔 千里 。 网 站 的 拥有 者 可 以 通过 客户 留 下 的 信息 进行 记录 并 分 类 整理 ,了 解 客户 的 


(3) 整体 性 : 电子 商务 的 最 主要 目标 是 赢利 ,要 实现 赢利 的 目的 ,就 要 求 电子 商务 网 
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站 的 各 个 环节 运转 良好 ,如 网 页 设计 制作 、 物 流 和 资金 的 周转 、 交 易 双 方 的 诚信 、 有 关 法 律 
的 保证 和 支持 等 是 一 个 有 机 的 整体 。 如 果 其 中 某 一 个 环节 出 现 问 题 ,赢利 的 目的 就 可 能 
达 不 到 。 

(4) 可 扩展 性 : 为 了 使 电子 商务 网 站 正常 运作 ,必须 考虑 到 访问 流量 的 规模 ,所 以 系 
统 要 具有 可 扩展 性 ,防止 系统 阻塞 。 

(5) 安全 性 : 客户 在 网 上 购物 会 将 对 安全 的 考虑 放 在 首要 地 位 。 病 毒 . 黑 客 的 人 侵 
都 会 给 网 站 带 来 危害 。 另 外 ,客户 担心 付 钱 后 ,不 能 取得 所 选 定 的 商品 ,也 需要 网 站 消除 
客户 的 担忧 。 所 以 ,在 网 站 的 设计 过 程 中 必须 考虑 安全 方案 ,如 防火 墙 , 安 全 认证 、 合 法 注 
册 .防毒 保护 等 措施 。 


1.1.3 电子 商务 系统 的 安全 问题 


1. 电子 商务 系统 的 安全 要 素 


电子 商务 应 具备 下 列 安全 要 素 :机 密 性 ` 有 效 性 、 完 整 性 .不 可 抵赖 性 和 审查 能 力 。 

1) 机 密 性 

电子 商务 作为 贸易 的 一 种 手段 ,贸易 的 双方 互相 传递 的 信息 基本 上 都 属于 商业 机 密 。 
传统 的 贸易 互相 交换 的 文件 可 以 通过 邮寄 信件 或 其 他 可 靠 的 传送 渠道 来 达到 保守 机 密 的 
目的 。 电 子 商 务 一 般 是 建立 在 开放 的 国际 互联 网 上 的 ,保护 好 商业 机 密 是 电子 商务 能 大 
力 推广 的 重要 保证 ,所 以 要 防止 信息 在 传输 过 程 中 被 非法 窃取 。 

2) 有 效 性 

电子 商务 以 电子 文本 取代 了 传统 的 纸张 ,保证 这 种 电子 形式 的 贸易 信息 的 有 效 性 是 
进行 电子 商务 的 前 提 。 电 子 商 务 作为 贸易 的 一 种 形式 ,电子 文本 的 有 效 性 将 直接 关系 到 
贸易 双方 的 经 济 利益 和 诚信 。 要 及 时 检查 和 注意 预防 各 种 可 能 影响 信息 有 效 性 的 故障 和 
潜在 威胁 ,如 网 络 故 障 、 操 作 错 误 、 应 用 程序 错误 硬件 故 障 、 系 统 软 件 错误 及 计算 机 病毒 
所 造成 的 破坏 ,应 千方百计 地 保证 贸易 信息 和 数据 在 确定 的 时 间 内 和 确定 的 场合 里 是 准 
确 有 效 的 。 

3) 完整 性 

电子 商务 交易 过 程 中 ,必须 维护 贸易 各 方 商 业 信 息 的 完整 和 统一 。 但 是 ,数据 输入 时 
发 生 的 意外 差错 或 故意 欺诈 行为 ,会 导致 贸易 各 方 信息 的 差异 。 另 外 ,在 数据 传输 过 程 中 
可 能 发 生 的 数据 丢失 数据 重复 .数据 传送 的 顺序 不 一 致 也 会 导致 贸易 各 方 信 息 的 不 同 。 
因为 贸易 各 方 信息 缺乏 完整 性 必 将 影响 到 贸易 各 方 的 交易 ,所 以 保持 贸易 各 方 信息 的 完 
整 性 是 实现 电子 商务 的 基础 。 

4) 不 可 抵赖 性 

在 传统 的 贸易 中 ,贸易 的 双方 在 合同 、 契 约 或 贸易 单据 等 书面 文件 上 通过 签名 盖 章 来 
确定 这 类 书面 文件 的 法 律 效 力 ,确定 合同 、 契 约 . 单 据 的 可 靠 性 并 预防 抵赖 行为 的 发 生 。 
在 无 纸 化 的 电子 商务 中 ,由 于 无 法 通过 亲笔 签名 和 印章 进行 贸易 双方 的 鉴别 ,所 以 要 在 交 
易 信 息 的 传输 过 程 中 为 参与 交易 的 个 人 .企业 或 国家 提供 可 靠 的 标识 ,并 能 进行 鉴别 ,如 
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同 传统 贸易 的 有 关 文件 中 用 亲笔 签名 来 证 明文 件 的 有 效 性 一 样 受到 法 律 保护 。 

5) 审查 能 力 

根据 机 密 性 和 完整 性 的 要 求 ,应 对 电子 商务 贸易 过 程 中 的 数据 进行 审查 ,并 对 审查 结 
果 进 行 记录 和 备份 。 


2. 电子 商务 系统 采用 的 主要 安全 技术 


目前 ,各 种 针对 保证 电子 商务 安全 技术 的 方案 已 经 逐步 研究 开发 出 来 。 

1) 加 密 技术 

加 密 技术 是 电子 商务 中 采取 的 主要 安全 措施 。 发 送 文 件 的 一 方 对 即将 发 送 的 数据 和 
信息 进行 加 密 , 另 一 方 对 收 到 的 加 密 过 的 数据 和 信息 进行 解密 。 在 文件 的 传输 途中 ,如 果 
被 他 人 截取 也 不 容易 发 生 泄密 事故 。 加 密 技术 分 为 两 类 , 即 对 称 加 密 和 非 对 称 加 密 。 

(1) 对 称 加 密 : 对 信息 的 加 密 和 解密 都 使 用 相同 的 密 钥 。 进 行 贸易 的 双方 可 以 采取 
相同 的 加 密 算法 ,只 需 交 换 共 享 的 专用 密 钥 即 可 。 贸 易 的 任何 一 方 如 果 能 够 确保 专用 密 
钥 在 密 钥 交 换 阶段 没有 泄露 ,被 传递 的 数据 和 信息 的 机 密 性 和 完整 性 就 可 以 通过 对 称 加 
密 方 法 加 密 机 密 信 息 以 及 随 报 文 一 起 发 送 报 文摘 要 或 报 文 散 列 值 来 实现 。 对 称 加 密 技 术 
存在 着 如 何在 通信 的 贸易 方 之 间 确 保密 钥 安全 交换 的 问题 。 

(2) 非 对 称 加 密 : 在 非 对 称 加 密 体 系 中 , 密 钥 被 分 解 为 一 把 公开 密 钥 ( 即 加 密 密 钥 ) 
和 另 一 把 专用 密 钥 ( 即 解密 密 钥 ) 。 公 开 密 钥 用 于 对 信息 的 加 密 ,专用 密 钥 则 用 于 对 加 密 
信息 的 解密 。 专 用 密 钥 只 能 由 生成 密 钥 的 贸易 方 掌握 ,公开 密 钥 可 公开 ,但 是 它 只 对 应 于 
生成 该 密 钥 的 贸易 方 。 贸 易 方 利用 该 方案 实现 机 密 信息 交换 的 基本 过 程 是 : 贸易 甲 方 生 
成 两 把 密 钥 并 将 其 中 的 一 把 作为 公开 密 钥 向 其 他 贸易 方 公开 ;得 到 该 公开 密 钥 的 贸易 乙 
方 使 用 该 密 钥 对 机 密 信息 进行 加 密 后 再 发 送 给 贸易 甲 方 :贸易 甲 方 再 用 自己 保存 的 另 一 
把 专用 密 钥 对 加 密 后 的 信息 进行 解密 。 贸 易 甲 方 只 能 用 其 专用 密 钥 解密 由 其 公开 密 钥 加 
密 后 的 任何 信息 。 

2) 数字 签名 

数字 签名 的 主要 方式 在 于 报 文 的 发 送 方 从 报 文 文本 中 生成 一 个 128 位 的 散 列 值 。 发 
送 方 用 自己 的 专用 密 钥 对 这 个 散 列 值 进行 加 密 来 形成 发 送 方 的 数字 签名 ,这 个 数字 签名 
将 作为 报 文 的 附件 和 报 文 一 起 发 送 给 报 文 的 接收 方 。 报 文 的 接收 方 首先 从 接收 到 的 原始 
报 文中 计算 出 128 位 的 散 列 值 (或 报 文摘 要 ) .接着 再 用 发 送 方 的 公开 密 钥 来 对 报 文 附加 
的 数字 签名 进行 解密 。 如 果 两 个 散 列 值 相同 ,那么 接收 方 就 能 确认 该 数字 签名 是 发 送 方 
的 。 通 过 数字 签名 能 够 实现 对 原始 报 文 的 鉴别 和 不 可 抵赖 性 。 

3) PKI 和 CA 

PKI 就 是 Public Key Infrastructure 的 缩写 ,翻译 过 来 就 是 公开 密 钥 基础 设施 。 它 采 
用 源 自 非 对 称 加 密 技 术 的 公开 密 钥 技 术 。 说 PKI 是 基础 设施 ,是 指 它 对 网 络 公共 信息 安 
全 的 重要 性 ,好 比 电力 基础 设施 对 现代 社会 一 样 。PKI 为 电子 商务 应 用 提供 安全 的 服务 ， 
如 身份 识别 .数字 签名 .加密 等 。 

PKI 中 最 基本 的 元 素 就 是 数字 证 书 ,电子 商务 各 方 都 拥有 自己 的 证 书 ,好 比 现实 生 
活 中 的 身份 证 ,所 有 安全 的 操作 主要 通过 证 书 来 实现 。 签 发 这 些 证 书 的 权威 机 构 叫 做 证 
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书 授 证 中 心 (CA) ,就 好 比 现实 生活 中 签发 身份 证 的 公安 机 关 。VeriSign 就 是 著名 的 CA 
机 构 , 经 过 VeriSign 签发 证 书 的 交易 网 站 浏览 器 会 自动 认可 ,不 会 弹出 窗口 让 用 户 确认 
检查 。 

数字 证 书 无 法 被 自 改 或 伪造 ,因为 签发 证 书 的 CA 会 对 数字 证 书 做 数字 签名 ,如 同 身 
份 证 的 防伪 标识 ,任何 人 都 可 以 检查 数字 签名 确定 证 书 是 否 正 确 。 数 字 证 书 中 包含 证 书 
拥有 人 的 公 钥 ,任何 想 和 它 安全 通信 的 人 都 可 以 用 这 个 公 钥 加 密 通 信 的 内 容 , 只 有 证 书 拥 
有 人 可 以 用 自己 手 上 唯一 的 私 钥 解密 读 取 通信 的 内 容 。 

4) 国际 互联 网 中 的 安全 协议 

电子 邮件 安全 协议 : 电子 邮件 是 国际 互联 网 上 互相 传递 信息 的 主要 的 手段 ,也 在 电 
子 商 务 中 有 相应 的 应 用 。 但 它 并 不 具备 很 强 的 安全 防范 措施 ,因此 用 于 邮件 加 密 的 安全 
协议 被 开发 出 来 以 加 强 它 的 私密 性 ,例如 S/MIME。 它 采用 数字 标识 的 加 密 办 法 ,数字 
标识 由 公用 密 钥 , 私 人 密 钥 和 数字 签名 3 部 分 组 成 。 在 电子 邮件 中 添加 数字 签名 时 ,就 把 
数字 签名 和 公用 密 钥 加 入 到 电子 邮件 中 。 发 件 人 可 以 使 用 邮件 客户 端 程序 (例如 
Outlook Express) 来 指定 他 人 向 自己 发 送 加 密 邮 件 时 所 需 使 用 的 证 书 。 收 件 人 可 以 使 用 
数字 签名 来 验证 发 件 人 的 身份 ,并 可 使 用 公用 密 钥 给 发 件 人 发 送 加 密 邮 件 ,这 些 邮 件 必须 
用 发 件 人 的 私人 密 钥 才能 阅读 。 要 发 送 加 密 邮 件 , 发 件 人 的 通讯 短 必 须 包 含 收 件 人 的 数 
字 标 识 。 这 样 ,发 件 人 就 可 以 使 用 他 们 的 公用 密 钥 来 加 密 邮 件 了 。 当 收 件 人 收 到 加 密 邮 
件 后 ,用 他 们 的 私人 密 钥 来 对 邮件 进行 解密 才能 阅读 。 

安全 套 接 层 (Secure Sockets Layer) 协 议 : 电子 商务 在 提供 机 遇 和 便利 的 同时 ,也 面 
临 着 一 个 最 大 的 挑战 , 即 交 易 的 安全 问题 。SSL 安全 协议 最 初 是 由 Netscape 
Communication 公司 设计 开发 的 ,主要 用 于 提高 应 用 程序 之 间 数 据 的 安全 系数 。SSL 协 
议 的 设计 初衷 涉及 所 有 互联 网 应 用 程序 ,保证 任何 安装 了 安全 套 接 字 的 双方 安全 通信 。 
SSL 最 常用 于 增强 HTTP 安全 性 的 协议 称 为 HTTPS, 它 为 基于 Web 的 电子 商务 通信 增 
加 了 通信 加 密 功 能 。HTTPS(SSL) 协 议 是 国际 上 最 早 应 用 于 电子 商务 的 一 种 网 络 安 全 
协议 ,至 今 仍然 有 很 多 网 上 商店 使 用 。 客 户 的 购买 信息 首先 发 往 商 家 ,商家 再 将 信息 转发 
银行 ,银行 验证 客户 信息 的 合法 性 后 ,通知 商家 付款 成 功 ,商家 再 通知 客户 购买 成 功 ,并 将 
商品 寄 送 给 客户 。 可 以 注意 到 ,SSL 协议 有 利于 商家 而 不 利于 客户 。 客 户 的 信息 首先 传 
到 商家 ,商家 阅读 后 青 传 至 银行 ,这 样 , 客 户 资料 的 安全 性 便 受 到 威胁 。 商 家 认证 客户 是 
必要 的 ,但 整个 过 程 中 ,缺少 了 客户 对 商家 的 认证 。 在 电子 商务 的 开始 阶段 ,由 于 参与 电 
子 商 务 的 公司 大 都 是 一 些 大 公司 ,信誉 较 高 ,这 个 问题 没有 引起 人 们 的 重视 。 随 着 电子 商 
务 参 与 的 厂商 迅速 增加 ,对 厂商 的 认证 问题 越 来 越 突出 ,SSL 协议 的 缺点 完全 暴露 出 来 。 

信用 卡 交易 安全 协议 : 如 前 所 述 , 在 网 上 购物 的 环境 中 , 持 卡 人 希望 在 交易 中 使 自己 
的 账户 信息 保密 ,使 之 不 被 人 盗用 ;商家 则 和 希望 客户 的 订单 不 可 抵赖 ,并 且 , 在 交易 过 程 
中 ,交易 各 方 都 希望 验 明 其 他 方 的 身份 ,以 防止 被 欺骗 。 针 对 这 种 情况 ,由 美国 Visa 和 
MasterCard 两 大 信用 卡 组 织 联合 国际 上 多 家 科技 机 构 , 共 同 制定 了 应 用 于 Internet 上 的 
以 银行 卡 为 基础 进行 在 线 交 易 的 安全 标准 ,这 就 是 “安全 电子 交易 ”(Secure Electronic 
Transaction,SET)。SET 协议 本 身 比较 复杂 .设计 比较 严格 ,安全 性 高 , 它 能 保证 信息 传 
输 的 机 密 性 、 真 实 性 完整 性 和 不 可 否认 性 。SET 协议 是 PKI 框架 下 的 一 个 典型 实现 , 它 
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用 公 钥 密码 体制 和 X. 509 数字 证 书 标准 ,主要 应 用 于 B to C 模式 中 保障 支付 信息 的 安 
全 性 SET 提供 了 消费 者 .商家 和 银行 之 间 的 认证 ,确保 了 交易 数据 的 安全 性 、 完 整 可 靠 
性 和 交易 的 不 可 否认 性 ,特别 是 保证 不 将 消费 者 银行 卡号 暴露 给 商家 等 优点 ,因此 它 成 为 
目前 公认 的 信用 卡 / 借 记 卡 的 网 上 交易 的 国际 安全 标准 。 然 而 ,由 于 早期 电子 商务 应 用 中 
大 量 采用 SSL 协议 的 解决 方案 ,造成 了 目前 SSL 协议 比 SET 更 流行 ,反而 成 为 事实 上 的 
标准 。 


1.2 电子 商务 网 站 的 特点 和 分 类 


1.2.1 电子 商务 网 站 的 构成 要 素 


电子 商务 网 站 是 企业 或 公司 在 Internet 上 建立 的 门户 网 站 , 它 由 前 台 网 页 和 后 台数 
据 库 等 组 成 ,前 台 网 页 可 以 接受 客户 的 浏览 .登记 和 注册 ,记录 下 客户 的 有 关 资 料 。 电 子 
商务 网 站 一 般 有 以 下 几 个 部 分 组 成 : 

(1) 网 站 域名 : 这 是 在 Internet 上 唯一 的 域名 。 域 名 必须 向 ISP (Internet Service 
Provider, 因 特 网 服务 提供 商 ) 或 网 络 信息 中 心 申请 。 国 内 有 许多 网 站 接受 域名 申请 ,只 
有 获得 批准 后 , 才 是 合法 的 域名 。 

(2) 网 站 物理 地 点 : 存放 各 类 与 电子 商务 网 站 有 关 信 息 和 数据 的 计算 机 、 服 务 器 等 
硬件 设备 。 

(3) 网 页 : 网 页 的 设计 应 有 独特 的 风格 。 首 先 要 让 客户 注册 登录 简便 快速 。 商 品 分 
类 指示 明确 ,如 同 进 入 一 家 大 的 商店 ,让 客户 能 够 迅速 找到 想 要 的 商品 。 

(4) 货款 结算 : 客户 通过 购物 车 选 购 商 品 , 然 后 结算 ,确定 付款 方式 、 送 货 地 点 、 时 
间 等 。 

(5) 客户 资料 管理 : 管理 已 注册 客户 的 姓名 ,通信 地 址 .电话 、.E-mail 地 址 等 信息 。 

(6) 商品 数据 库 管理 : 经 常 及 时 盘点 商品 ,做 好 商品 配 货 和 商品 配送 。 

以 上 只 是 电子 商务 网 站 的 大 臻 结构 , 随 着 网 站 经 营 的 商品 及 经 营 的 规模 的 变化 ,其 构 
成 要 素 也 会 有 所 变化 。 


1.2.2 电子 商务 网 站 的 分 类 


电子 商务 网 站 可 以 按照 以 下 两 种 方式 分 类 : 
1. 按 经 营 的 商务 业务 范畴 分 类 


(1) 支持 交易 前 的 网 站 : 这 类 网 站 的 规模 较 小 ,属于 初级 电子 商务 网 站 。 该 类 网 站 
仅 发 布 一 些 需 求 商 品 或 者 提供 商品 的 信息 .在 网 上 不 做 交易 ,只 提供 联系 方法 ,类 似 于 广 
告发 布 。 

(2) 支持 交易 中 的 网 站 : 这 类 网 站 属于 中 级 电子 商务 网 站 。 该 类 网 站 能 够 完成 商务 
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贸易 单 证 和 票据 交换 的 过 程 。 
(3) 支持 交易 后 的 网 站 : 这 类 网 站 属于 高 级 电子 商务 网 站 。 该 类 网 站 能 够 完成 发 货 
和 到 货 的 管理 ,资金 的 结算 ,在 网 上 完成 整个 交易 过 程 。 


2. 按 商贸 业务 的 性 质 来 分 类 


(1) B to B(Business-to-Business) 模 式 , 即 商业 机 构 与 商业 机 构 之 间 的 交易 模式 。 企 
业 间 的 电子 商务 交易 是 由 买方 .卖方 及 中 间 商 (包括 金融 机 构 和 网 络 服务 商 等 ) 之 间 的 信 
息 交 换 和 交易 行为 集成 一 体 的 电子 化 运作 模式 。B to B 模式 主要 进行 的 是 产品 批发 业 
务 , 有 时 也 称 做 批发 电子 商务 。 它 是 电子 商务 交易 的 主要 部 分 。 

(2) B to CCBusiness-to-Customer) 模 式 , 即 商业 机 构 与 消费 者 之 间 的 交易 模式 。 它 
也 称 为 网 上 购物 ,是 商家 通过 网 络 向 个 人 消费 者 进行 销售 的 模式 。 它 最 早起 源 于 1995 
年 ,创建 者 是 那些 运用 网 络 技术 建立 的 电子 商务 网 站 ,它们 把 产品 .服务 和 信息 销售 给 消 
费 者 的 公司 ,其 中 著名 的 有 亚马逊 (Amazon) 公 司 。 

(3) C to CCCustomer -to-Customer) 模 式 , 即 消费 者 与 消费 者 之 间 的 交易 模式 。 消 
费 者 个 人 之 间 通 过 自己 建立 的 网 站 ,或 借助 于 其 他 网 站 搭建 的 商务 交易 平台 ,如 著名 的 
“易趣 网 ”, 进 行 个 人 之 间 的 商品 交易 。 
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2 瘟 _ 电 子 商务 网 站 的 规划 


第 与 设计 


知识 点 
。 电子 商务 网 站 的 建设 流程 

。 制定 电子 商务 网 站 的 建站 方案 

。 制订 电子 商务 网 站 外 观 设计 方案 
。 电子 商务 网 站 的 容量 规划 基础 


2.1 电子 商务 网 站 的 规划 与 构建 


2.1.1 网 站 的 建站 流程 


建立 电子 商务 网 站 与 建立 其 他 网 站 的 过 程 基本 相同 ,下 面 简单 介绍 一 下 建立 电子 商 
务 站 点 的 流程 。 


1. 注册 域名 和 申请 IP 地 址 


每 个 接 入 Internet 的 用 户 在 网 络 上 都 应 该 有 唯一 的 标识 记号 ,以 便 别 人 能 够 访问 ,这 
个 标识 记号 就 是 IP 地址。 因为 32 位 二 进 制 数 的 IP 地 址 不 容易 记忆 ,所 以 每 个 IP 地 址 
都 可 以 申请 一 个 唯一 与 其 对 应 的 ,便于 记忆 的 域名 。 域 名 可 以 理解 为 接 入 Internet 的 企 
业 在 网 络 上 的 名 称 , 它 是 每 个 网 络 用 户 的 IP 地 址 的 别名 ,是 一 个 公司 或 企业 的 网 络 地 址 。 

因特网 信息 中 心 (InterNIC) 于 1993 年 1 月 诞生 , 它 是 一 个 域名 注册 及 管理 机 构 。 任 
何 一 个 企业 都 可 以 申请 一 个 代表 自己 的 域名 ,并 且 与 自己 网 站 的 IP 地址 对 应 ,这样 在 
Internet 上 客户 就 可 以 很 容易 地 访问 该 企业 的 网 站 了 。 域 名 是 一 个 企业 或 机 构 在 网 上 的 
永久 性 电子 商标 , 它 的 作用 如 同 商标 在 市 场 上 的 作用 一 样 , 它 是 一 种 无 形 资 产 , 因 此 要 建 
立 电子 商务 网 站 ,注册 域名 是 一 个 重要 的 环节 。 用 户 不 但 可 以 申请 国际 域名 ,而 且 可 以 申 
请 国内 域名 。 国 内 域名 由 中 国 互 联网 络 信息 中 心 (CNNIC) 审 批 和 维护 。 

在 申请 域名 之 后 ,一 个 电子 商务 网 站 还 需要 有 独立 的 IP 地 址 。 这 个 IP 地 址 是 由 
ISP(Internet 服务 提供 商 ) 提 供 的 。 根据 TCP/IP 协议 ,在 Internet 上 的 计算 机 都 要 有 一 
个 32 位 二 进 制 数字 的 IP 地 址 ,它们 的 标准 格式 是 将 32 位 IP 地 址 按 8 位 一 组 分 成 4 组 ， 


组 与 组 之 间 用 小 数 点 分 隔 ,为 了 书写 方便 每 组 二 进 制 数 可 用 一 个 十 进 制 数 来 表示 。 
2. 确定 网 站 的 技术 解决 方案 


注册 域名 和 确定 IP 地 址 是 建立 电子 商务 网 站 的 第 一 步 , 接 下 来 需要 选 定 网 站 软 、 硬 
件 平台 。 无 论 是 自己 拥有 独立 的 服务 器 ,还 是 租用 虚拟 主机 ,如 果 想 进行 电子 商务 活动 ， 
都 要 根据 企业 的 规模 、 网 站 预计 的 访问 流量 、 建 站 的 投资 及 以 后 网 站 运营 的 费用 来 选择 确 
定 某 种 网 站 的 建站 方案 。 在 建站 时 要 考虑 确定 的 技术 因素 有 以 下 几 点 。 

(1) 根据 网 站 不 同 的 规模 ,选择 不 同 的 主机 方案 ,搭建 不 同 的 网 站 硬件 平台 。 

(2) 根据 网 站 不 同 的 规模 ,选择 网 络 操作 系统 、Web 服务 器 和 数据 库 系统 。 

(3) 决定 电子 商务 管理 系统 的 解决 方案 ,是 选 购 还 是 自己 开发 电子 商务 的 管理 系统 。 

(4) 选择 确定 相关 的 开发 程序 ,如 网 页 编辑 软件 .ASP、JSP、 数 据 库 软件 等 。 

(5) 确定 网 站 的 安全 措施 ,如 防 黑客 ,病毒 商业 欺诈 等 方案 。 


3. 规划 网 站 的 内 容 并 制作 网 页 


网 页 是 电子 商务 网 站 的 对 外 表现 形式 ,建立 电子 商务 网 站 重要 的 环节 之 一 就 是 制作 
网 站 的 主页 。 在 制作 主页 前 要 考虑 到 网 站 的 风格 和 主要 实现 的 功能 ,要 根据 自己 企业 的 
特点 作 充 分 的 准备 ,使 网 站 的 基调 符合 客户 的 需要 ,使 网 站 的 功能 方便 客户 的 使 用 ,然后 
将 要 发 布 的 信息 制作 成 Web 页 面 。 网 站 的 外 观 设计 及 制作 将 直接 影响 到 浏览 访问 者 的 
兴趣 ,一 个 好 的 \ 有 鲜明 特色 的 电子 商务 网 站 会 吸引 很 多 的 浏览 者 再 次 访问 。 这 就 需要 在 
网 站 的 内 容 、 外 观 、 栏 目 、 功 能 上 多 下 工夫 。 


4. 网 站 的 发 布 和 推广 


利用 Dreamweaver 8 或 其 他 软件 可 将 制作 完成 的 网 页 上 传 到 Web 服务 器 中 ,在 
Internet 上 发 布 。 但 是 ,网 站 的 建设 不 是 一 劳 永 逸 的 事情 ,企业 在 不 断 发 展 ,网 站 的 内 容 
也 需要 不 断 地 更 新 ,所 以 网 站 信息 的 发 布 是 一 项 经 常 要 做 的 工作 。 

网 站 建设 完毕 后 ,网 站 推广 工作 又 是 一 个 重要 的 环节 。 一 个 电子 商务 网 站 如 果 不 进 
行 推 广 宣传 ,一 般 很 难 有 较 大 的 访问 量 , 这 样 辛 辛 昔 苗 建设 的 网 站 便 毫 无 意义 了 。 必 须 利 
用 各 种 方式 及 时 推广 宣传 电子 商务 网 站 ,网 站 的 推广 一 般 有 以 下 几 种 方式 。 

(1) 在 各 大 搜索 引擎 上 注册 ,让 客户 可 以 通过 搜索 引擎 找到 该 网 站 。 

(2) 在 传统 的 广告 媒体 中 对 网 站 的 内 容 、 网 站 的 地 址 、 产 品 的 性 能 以 及 可 以 提供 的 便 
捷 的 服务 进行 宣传 ,扩大 网 站 的 影响 

(3) 在 访客 量 较 大 的 BBS( 公 告 板 服务 ) 上 发 布 广告 信息 或 开展 与 企业 相关 问题 的 讨 
论 ,进一步 扩大 网 站 的 影响 。 

(4) 通过 电子 邮件 将 网 站 的 信息 发 送 给 客户 和 消费 者 。 

(5) 通过 与 其 他 类 似 网 站 合作 ,建立 友情 链接 ,获得 双赢 。 


5. 网 站 的 更 新 维护 
网 站 建成 之 后 ,在 运营 过 程 中 需要 不 断 更 新 网 站 的 信息 ,及 时 总 结 经 验 与 教训 ,逐步 
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完善 网 站 的 功能 。 比 如 完善 网 站 的 数据 库 服 务 系统 ,使 客户 可 以 通过 网 络 查询 网 站 上 的 
产品 信息 及 各 种 资料 ,建设 FTP 服务 .Mail 服务 .搜索 引擎 等 ,设立 BBS 区 和 产品 服务 登 
记 区 等 。 

Internet 的 发 展 也 伴随 着 安全 问题 ,一 个 电子 商务 网 站 也 经 常会 遭 到 “黑客 "和 “ 病 
毒 * 的 秦 击 ,在 网 站 的 日 常 维护 工作 中 ,网 站 的 安全 是 至 关 重要 的 ,网 站 的 管理 人 员 需 要 定 
期 对 网 站 的 服务 器 数据库 、 网 页 程序 进行 测试 ,对 可 能 出 现 的 故障 和 问题 进行 评估 ,制定 
出 应 急 方 案 、 解 决 方法 和 响应 时 间 , 使 网 站 的 维护 制度 化 规范 化 。 


2.1.2 网 站 的 域名 注册 


一 个 网 站 要 在 Internet 上 站 住 脚 ,注册 一 个 域名 是 至 关 重 要 的 ,并 且 这 个 域名 必须 是 
独一无二 的 , 它 实 际 上 就 是 一 个 企业 或 机 构 在 Internet 上 的 网 络 地 址 。 一 个 好 的 域名 必 
须 遵 循 以 下 原则 :简短 、 切 题 . 易 记 ,与 企业 密切 相关 。 一 个 著名 的 域名 如 同一 个 著名 的 品 
牌 .著名 的 商标 一 样 ,具有 无 形 资产 价值 。 例 如 www. microsoft. com 是 美国 微软 公司 的 
域名 ,www. intel. com 是 美国 Intel 公司 的 域名 ,www. sony. com 是 日 本 索尼 公司 的 域 
名 。 所 以 很 多 企业 在 Internet 上 建立 网 站 时 ,都 会 用 自己 公司 的 名 字 或 商标 的 名 称 作 为 
自己 网 站 的 域名 。 取 好 域名 后 必须 向 权威 机 构 申 请 注册 ,获得 批准 后 方 可 使 用 。 

在 我 国 ,2002 年 12 月 16 日 之 前 可 以 向 中 国 互联 网 络 信息 中 心 CCNNIC) 申 请 注册 域 
名 。 根 据 ( 中 国 互联 网 络 域名 管理 办 法 ) 的 规定 ,在 2002 年 12 月 16 日 之 后 ,CNNIC 不 再 
承担 域名 注册 服务 机 构 职责 。 但 登录 CNNIC 的 网 站 www. cnnic. net. cn 可 以 了 解 有 关 
域名 注册 ,变更 .注销 、 转 让 的 方法 ,图 2-1 给 出 了 CNNIC 网 站 的 有 关 “ 域 名 ”的 说 明 。 


各 中 国 互联 网 络 信息 中 心 (CNMIO - Microsoft Internet Explorer EE| 
文人 中 可怕 (D 查看 忆 础 (@) 工具 TD 入 Wt) | 个 
- A . 
Om .OHNEW Pm rm DIS: sa- 回回 
纲 相 (6) 名] netpslfwwwernic not cry EE 
CWIC ”关于 OMEC 下 高中 信 )> 斌 聘 英 才 汶 站 点 地 图 习 
@ mas mm 
aaa a 首 页 域 圭 《中文 姑 各。 通 月 同 址 ”元 栅 网 泪 “15/AS 委 包 | 可 信和 同 结 。 党 息 报 务 | 国际 研究 
ey 
钙 入 放 起 村 查询 C4 二 ae 
人 
Me 
FE 人 域名 中 文 域名 通用 网 址 IP/AS 分 配 
了 
an rr 请 PR J 
中国 国家 而 过 牙 各 ,走向 全 有 中 广 立 字 队 新 一 代 域 部 关 的 互联 网 村 相 法 洒 。 加 和 CWC 联盟 ,申请 TP 
于 这 中 国 二 | Fa 四 扣 5 ， 碟 去 名， 更 适合 中 匡 人 合用 记 关 证 言 直 人 站 页面 地 址 、 自 流 系 编码 及 后 
网 名 伯 系 的 人 上 后 ， 于 式 简洁 。 | 怪 SITEPS 革 号码 。 全 的 网站 推广 工具 。 。 庙 志 才 得 本 
日 中 国 本 联网 结 信息 中 心 域 人 
地衣 二 网 Es 月 PF。 2 各 要 请 用 户 Ph 2 我 要 注册 用户?M 我 要 中 请 用户 a 
日 中 国 可 联网 结 信息 中 心 域 各 学 
议 解 办 法 无 绞 网 址 可 售 网络 千 名 服务 技术 前 沾 
申通 用 网 址 注册 力 法 
口 适用 网 直 争 识 逢 示 力 法 VAN 
下 | 1 加 加 2@: 


Pe rr 无 可 区 网 频 有 的 最 新 对 “这 Fr 下 信 实 体 ,保障 发布 大 中 国 马 陪 网 的 芭 。 问 结 半 注 标识 命名 和 所 直 
信 各 着 | 的 ten | sai 所 8 人， 相信 种 二， 失利 多 定位 拉 相 0 二 帮 、 专 
入 ， 空 现 随时 ， 肝 才 ， 证， 互联 F。 裤 百联 网 信息 芭 名 。 。 本 研究 和 戌 时 展示 。 加 
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图 2-1 CNNIC 有关 “域名 ”的 网 页 
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现在 有 许多 网 站 受理 “域名 ”注册 业务 ,如 图 2-2 所 示 的 域名 频道 网 站 (www. 
DNS110. com) 。 输 入 选 定 的 域名 后 ,如 果 网 站 提示 “您 所 申请 的 域名 已 经 被 注册 ,请 更 换 
为 其 他 域名 ”或 者 类 似 信息 , 则 必须 更 换 域名 后 再 进行 查询 。 域 名 注册 一 般 有 如 下 步 又。 


玉 诬 拟 主机 | 域名 注册 | 夺 团 邮局 -茂名 频道 一 


二 文件 中 编辑 四 至 看 收 订 多 工具 加 
Hid IR# 志 哇 # 二 人 针 焉 加 横 
:性 摊 煌 andows 漳 Wintors Hedis 二 PE 


pe 7 
域名 频道 | 
前 攻 二 = | 机 | 入社 机。 | 到 用 服务 宇 鸣 。。。 | 集团 邮局 | 网 站 巡 设 
“ 关于 开展 违禁 品 和 不 良药 Te 一 
“关于 证 疙 外 虑 各 天 ! 国际 域名 10 TUPD 1 
“村 关 各 区 六 xm = 
2 最 新 推荐 域名 查询 ”各 销 入 域名 加 过 标 后 级 生 点 击 坦 词 
Le 英文 三 各 WWW. 坦 记 
“区 和 良和 和 各 ys 
5 是 可 近江 通 ， 习 三 二 中 小 em Om 日 om 
上 尖 丙 个 月 关 2235 个 . 人 = omen nat orgon 
“1 元 注册 cy 央 名 活动 时 、 Dw 口 wm 
se 9 oe 回 om 
允许 个 人 注册 
和 有 全 间 虹 名 各 理 双 中 文 域名 ;WWW. ES 
人 和 村 式 -相模 区 A em Dn De 
， 威 为 代理 的 条 1 Re: a 问题 , 南 回 .q 国 (yy 口 公司 口 .网 
吧 a 大 大 
1 提高 了 上 上 癌 廊 问 的 总 人 仁 能 。 ”手机 要 名 : aui 
新 代 理 定 这 
嫩 名 注册 ; 二 二 ， 抽 人 所 技 
ea ER 
| 国际 页 极 域 各】 ，， -| 大权 域名 1 于 EE a 
NE -ZZ 2 ON nt 
,第 见 问题 JCM 证 注册 商 全 于 通用 先 注 先 “， 中 国 训 全 于 开放 抢 和 先 手 ,下 所 A 
六 丙 机 公司 对 长久 昌 展 大 计 
， 产 品 价格 实时 注册 生效 ~ 人 9 活 骨 生效 VPR 
TR 自卫 解析 、 禾 党 ~ 自 册 解 折 ， 竺 发 J/ 刀 新 光源 ， 先 注 先 入 
/和 费城 解析 /各 费 活 厌 名 解析 1 4 中 国人 利己 g 城 名 
asisiosl 多 这 ED 控制 面 板 了 和 rmp 扫 和 而 i 全 方便， 便于 记忆 
,购并 可 | 


图 2-2 一 个 接受 域名 注册 的 网 站 


(1) 查询 选择 域名 ; 
(2) 用 户 资 料 确认 ; 
(3) 购物 订单 确认 ; 
(4) 域名 注册 成 功 。 
缴纳 一 定 的 域名 注册 费用 后 , 即 可 开通 网 站 。 


2.1.3 确定 服务 器 解决 方案 


一 个 电子 商务 网 站 至 少 应 有 一 台 用 于 存放 网 站 主页 的 服务 器 ,对 于 确定 网 站 的 服务 
器 ,目前 有 下 述 多 种 解决 方案 。 


1. 建立 独立 的 电子 商务 站 点 


一 个 电子 商务 网 站 拥有 域名 后 ,就 可 以 在 网 上 利用 一 台 网 络 服务 器 和 一 套 软 件 ,建立 
起 电子 商务 网 站 ,全球 的 Internet 用 户 都 可 以 通过 该 域名 访问 这 个 电子 商务 网 站 。 
具体 地 说 ,企业 要 建立 一 个 电子 商务 网 站 ,需要 自 建 机 房 ,配备 专业 人 员 , 购 买 服务 
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器 路由器、 交换 机 、 机 房 的 辅助 设备 网管 软件 等 。 在 服务 器 上 还 要 安装 相应 的 网 络 操作 
系统 (如 Windows 2000 或 UNIX) ,开发 使 用 Web 服务 程序 , 设 定 各 项 Internet 服务 功 
能 ,包括 设立 DNS 服务 器 以 及 WWW、FTP 服务 器 .Mail 服务 器 ,建立 自己 的 数据 库 查询 
服务 系统 等 ,再 向 电信 部 门 申请 专线 .出口 …… 这 样 便 可 建立 一 个 完全 属于 自己 企业 的 、 
自己 独立 管理 的 电子 商务 网 站 。 

企业 建立 自己 的 电子 商务 网 站 的 主要 缺点 是 成 本 较 高 。 但 是 ,如 果 预 计 网 站 会 有 较 
大 的 访问 流量 ,企业 在 经 济 上 又 无 太 大 的 限制 ,那么 建立 独立 的 站 点 也 是 很 有 必要 的 , 因 
为 这 样 可 以 真正 控制 和 管理 自己 的 网 站 ,使 用 维护 起 来 也 相应 方便 ,这 种 方案 适合 于 对 信 
息 量 和 网 站 功能 要 求 较 高 的 大 、 中 型 企业 。 


2. 利用 ISP 提供 的 服务 方案 


建立 自己 的 站 点 ,需要 较 大 的 投资 ,每 年 的 运营 费用 也 较 高 ,这 在 一 定 程 度 上 制约 了 
部 分 中 小 企业 的 建站 进程 ,所 以 对 信息 量 和 网 站 功能 要 求 不 高 的 中 小 企业 也 可 以 选择 
ISP 所 提供 一 些 比较 经 济 的 服务 器 解决 方案 。 

1) 租用 虚拟 主机 

虚拟 主机 是 使 用 计算 机 软件 技术 把 一 台 运 行 在 Internet 上 的 服务 器 主机 分 隔 成 多 台 
“虚拟 ”的 主机 ,每 一 台 虚 拟 主机 都 各 自 具有 独立 的 域名 或 IP 地 址 ,如 同 独立 的 主机 一 样 ， 
它们 也 具备 比较 完整 的 Internet 服务 器 功能 ,如 WWW、FTP、E-mail 等 功能 。 虚 拟 主机 
之 间 完 全 独立 ,并 可 由 租赁 用 户 远 距离 控制 管理 。 对 于 访问 的 客户 来 说 ,一 台 虚 拟 主 机 与 
一 台独 立 的 服务 器 并 无 区 别 。 那 么 把 一 台 计 算 机 的 资源 分 配给 了 多 台 虚 拟 主机 ,每 台 虚 
拟 主 机 的 性 能 是 否 会 下 降 ? 应 该 说 在 一 台 服 务 器 上 过 多 配置 这 种 虚拟 主机 网 络 的 性 能 是 
会 有 所 影响 的 ,但 是 只 要 采用 性 能 很 好 的 计算 机 ,一 台 主 机 是 能 够 支持 一 定数 量 的 虚拟 主 
机 的 ,只 有 超过 这 个 数量 时 ,客户 才 会 感到 性 能 下 降 。 如 果 配 置 得 当 , 加 上 采用 超 高 速 的 
线路 和 设备 ,虚拟 主机 的 表现 往往 胜 于 采用 较 低 速度 线路 连接 的 独立 主机 。 

虚拟 主机 明显 的 优点 是 开销 低 。 由 于 多 台 虚 拟 主机 共享 一 台 真 实 主机 的 资源 ,所 以 
分 摊 到 每 个 用 户 的 硬件 费用 、 网 络 维护 费用 、 通 信 线 路 的 费用 均 大 幅度 降低 ;而 且 对 硬件 
设备 的 维护 用 户 根本 不 用 操心 ,基本 上 不 需要 管理 和 维护 虚拟 主机 。 所 以 刚 起 步 开 办 电 
子 商务 网 站 的 公司 ,很 适合 租用 一 台 合 适 的 虚拟 主机 。 用 户 可 以 通过 FTP 工具 从 虚拟 主 
机 上 传 或 下 载 文 件 ,能 很 方便 地 在 Internet 上 发 布 制作 好 的 网 页 。 

当 租用 某 个 公司 的 虚拟 主机 时 ,该 公司 在 提供 虚拟 主机 服务 的 同时 ,还 会 根据 需要 提 
供 一 些 其 他 的 服务 ,如 电子 邮件 账号 等 。 在 使 用 虚拟 主机 时 也 应 注意 保密 和 安全 ,对 登录 
的 口令 必须 注意 保密 或 定期 修改 。 

2) 服务 器 托管 

随 着 网 络 资源 服务 市 场 的 成 熟 , 除 了 虚拟 主机 的 方案 以 外 ,还 可 以 选择 服务 器 整 机 托 
管 的 方案 来 建立 电子 商务 站 点 。 服 务 器 托管 也 称 主机 托管 ,就 是 客户 把 属于 自己 的 一 台 
服务 器 ,放置 在 某 个 经 营 * 整 机 托管 "业务 网 站 的 数据 中 心 的 机 房 里 ,客户 不 用 常 去 机 房 对 
自己 的 服务 器 进行 维护 ,因为 网 站 机 房 的 技术 人 员 会 每 天 24 小 时 对 客户 的 许多 服务 器 进 
行 精心 “看 护 和 照顾 ”。 
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当 某 个 公司 打算 拥有 自己 的 Web、E-mail、.FTP 等 独立 服务 器 时 ,有 两 种 方法 可 供 选 
择 : 一 种 是 自 建 网 站 机 房 , 另 一 种 就 是 整 机 托管 。 自 建 网 站 机 房 不 但 需要 水 平 较 高 的 专 
业 技 术 人 员 , 而 且 需 要 投入 大 量 的 资金 购置 软 、 硬 件 ,还 要 支付 高 额 的 日 常 维护 费用 和 线 
路 通信 服务 费 , 机 房 的 施工 周期 也 较 长 。 与 自 建 网 站 机 房 相 比 , 整 机 托管 则 显得 更 经 济 、 
快捷 且 实用 。Internet 的 基本 运行 机 制 是 客户 机 /服务 器 (Client/Server), 客户 通过 网 络 
可 以 远 距 离 .每 天 24 小 时 地 访问 服务 器 。 也 就 是 说 ,即使 是 相距 遥远 ,但 只 要 同时 都 在 网 
络 上 ,双方 就 可 以 通过 读 / 写 文件 相互 传递 信息 。 整 机 托管 提供 了 一 个 重要 的 技术 手段 ， 
远程 控制 (Remote Control) 。 服 务 器 托管 产生 的 技术 基础 和 所 依赖 的 手段 主要 是 “客户 
机 /服务 器 ”和 “远程 控制 "等 计算 机 技术 。 无 论 客户 在 何 处 ,只 要 能 上 网 ,就 可 以 对 远 在 天 
涯 海 角 的 服务 器 进行 控制 和 操作 ,从 而 实现 对 服务 器 的 拥有 和 维护 。 两 者 相 比 , 整 机 托管 
在 成 本 和 服务 方面 的 优势 更 为 明显 。 


2.1.4 电子 商务 网 站 的 硬件 平台 


通常 建立 一 个 电子 商务 网 站 要 考虑 很 多 因素 。 一 个 网 站 运行 好 坏 , 硬 件 起 着 很 重要 
的 作用 ,硬件 是 整个 电子 商务 网 站 正常 运行 的 基础 ,这 个 基础 的 稳定 、 可 靠 与 否 ,直接 关系 
着 网 站 的 访问 率 以 及 网 站 的 扩展 、 维 护 和 更 新 等 问题 。 

电子 商务 网 站 的 硬件 构成 主要 有 两 大 部 分 : 网 络 设备 .服务 器 。 


1. 网 络 设备 


网 络 设备 主要 用 于 网 站 局 域 网 建设 .网 站 与 Internet 连接 。 网 络 访问 速度 的 快慢 ,很 
大 程度 上 与 网 络 设备 有 关 。 网 络 设备 中 的 关键 设备 有 3 种 :路 由 器 .交换 机 和 安全 设备 。 

(1) 路 由 器 是 一 种 连接 多 个 网 络 或 网 段 的 网 络 设备 ,是 将 电子 商务 网 站 连 人 广域网 
的 重要 设备 。 路 由 器 能 对 不 同 网 络 或 网 段 进 行路 由 选择 ,并 对 不 同 网 络 之 间 的 数据 信息 
进行 转换 , 它 还 具有 在 网 上 传递 数据 时 选择 最 佳 路 径 的 能 力 。 目 前 路 由 器 市 场 中 ,Cisco 
的 产品 占有 绝对 的 优势 ,产品 各 类 档次 齐全 。 国 产 路 由 器 中 华为 、 桑 达 等 分 别 占有 一 席 
之 地 。 

由 于 局 域 网 和 广域网 种 类 繁多 ,所 以 没有 通用 的 路 由 器 ,需要 根据 实际 情况 进行 选择 
或 配置 。 对 于 局 域 网 端 ,路 由 器 会 提供 以 太 网 .ATM 网 .FDDI 和 令 牌 环 网 接口 (最 常见 
的 是 以 太 网 接口 ,如 10Base-T.100Base-T 或 千 兆 以 太 网 接口 ) ,需要 根据 实际 情况 进行 选 
择 或 配置 。 对 于 广域网 端 , 由 于 接 人 线路 种 类 繁多 (如 DDN 方式 、 帧 中 继 方 式 .ISDN 方 
式 .ADSL 方式 .Cable Modem 方式 .以 太 网 光纤 方式 ) ,路 由 器 的 广域网 端口 也 是 各 种 各 
样 的 ,可 以 满足 接 入 不 同 数字 线路 的 需求 。 目 前 大 多 数 路 由 器 都 是 模块 化 的 ,因此 在 选择 
路 由 器 时 , 除 品 牌 、 型 号 外 ,还 要 根据 路 由 器 两 边 的 端口 不 同 , 选 择 不 同 的 模块 ,来 适应 不 
同 的 网 络 端 口 和 通信 速率 。 

(2) 交换 机 是 局 域 网 组 网 的 重要 设备 ,多 台 不 同 的 计算 机 可 以 通过 交换 机 组 成 网 络 。 
交换 机 不 但 可 以 在 计算 机 数据 通信 时 使 数据 的 传输 做 到 同步 ,放大 和 整形 ,而 且 可 以 过 滤 
掉 短 帧 .碎片 ,对 通信 数据 进行 有 效 的 处 理 , 从 而 保证 数据 传输 的 完整 性 和 正确 性 。 交 换 
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机 在 工作 的 时 候 , 只 有 发 出 请 求 的 端口 和 目的 端口 之 间 相 互 响 应 而 不 影响 其 他 端口 ,因此 
交换 机 就 能 够 隔离 冲突 域 和 有 效 地 抑制 广播 风暴 的 产生 。 另 外 ,交换 机 的 每 个 端口 都 有 
一 条 独占 的 带宽 ,交换 机 的 两 个 端口 在 工作 时 并 不 影响 其 他 端口 的 工作 ,同时 交换 机 不 但 
可 以 工作 在 半 双 工 模式 下 ,而且 可 以 工作 在 全 双 工 模式 下 。 

(3) 电子 商务 网 站 中 存放 着 大 量 的 重要 信息 ,如 客户 资料 .产品 信息 等 ,网 站 开通 之 
后 ,系统 的 安全 问题 除了 考虑 计算 机 病毒 之 外 ,更 主要 的 是 防止 非法 用 户 的 入 侵 ,而 目前 
预防 的 措施 主要 靠 防火 墙 (Firewall) 技 术 完 成 。 防 火 墙 是 指 一 个 由 软件 ,硬件 或 软 硬 件 
结合 的 系统 ,是 电子 商务 网 站 内 部 网 络 和 外 部 网 络 之 间 的 一 道 屏障 ,可 限制 外 界 未 经 授权 
的 用 户 访 问 内 部 网 络 , 管 理 内 部 用 户 访问 外 部 网 络 的 权限 。 目 前 已 开发 出 很 多 防火 墙 的 
产品 。 有 关 防 火 墙 更 详细 的 资料 可 查阅 相关 资料 或 书籍 。 


2. 服务 器 


电子 商务 的 蓬勃 发 展 对 服务 器 的 性 能 .功能 提出 了 更 多 ,更 高 的 要 求 。 选 择 服务 器 是 
电子 商务 网 站 建设 中 极其 重要 的 环节 ,必须 要 选择 一 个 性 能 好 、 成 本 低 、 可 扩展 、 安 全 可 靠 
的 服务 器 。 按 计算 机 的 规模 来 分 ,服务 器 有 PC、 小 型 机 及 小 型 机 以 上 的 计算 机 系统 。PC 
服务 器 一 般 运 行 Windows 2000 操作 系统 ,小 型 机 及 小 型 机 以 上 的 计算 机 一 般 运 行 
UNIX 操作 系统 。 

Windows 服务 器 的 优点 是 价格 低 、 易 管理 .便于 使 用 、 应 用 软件 丰富 。 它 主要 用 于 低 
端 市 场 。Intel 公司 推出 了 新 一 代 P4 至 强 处 理 器 ,这 是 采用 了 前 所 未 有 的 超 线程 技术 和 
400MHz 系统 总 线 的 新 一 代 CPU。P4 至 强 处 理 器 的 出 现 , 不 仅 标志 着 服务 器 处 理 器 的 
全 面 升 级 ,而 且 带 来 了 整个 IA 架构 服务 器 产品 的 质 的 飞跃 。 杰 出 的 性 价 比 以 及 在 应 用 
领域 的 优势 ,使 得 P4 至 强 处 理 器 彻底 取代 P4 单 路 和 了 P 亚 处 理 器 ,成 为 低 端 服务 器 领域 中 
的 主流 产品 。 在 性 能 上 ,采用 P4 至 强 处 理 器 的 服务 器 比 采 用 P4 单 路 和 了 P 亚 处 理 器 的 服 
务 器 快 很 多 ,而 且 安 全 性 、 稳 定性 、 易 维护 性 等 方面 都 有 所 提高 ;在 价格 方面 ,P4 至 强 处 理 
器 的 价格 与 相同 主 频 的 P4 单 路 和 PH 处 理 器 的 价格 相差 不 多 。Intel 公司 在 美国 IDF 年 
度 大 会 上 提出 ,以 后 服务 器 的 应 用 程序 及 开发 都 会 逐步 向 P4 至 强 处 理 器 靠 扰 。 男 外 ,P4 
至 强 处 理 器 为 服务 器 产品 引入 了 许多 新 技术 ,例如 从 原 有 的 133MHz 系统 总 线 跃 升 到 
400MHz 系统 总 线 , 引 入 了 双 通 道 DDR 存储 器 以 平衡 3. 2Gbps 1/O 带宽 的 系统 总 线 , 采 
用 PCI-X 64bit/100MHz 接口 以 获得 更 高 传输 速度 等 ,是 网 络 安全 流量 管理 .VoIP 和 
Web 高 速 缓存 等 需要 更 高 1/O 吞吐 速率 和 内 存 性 能 的 通信 和 解决 方案 的 最 佳 选择 之 一 。 

运行 UNIX 操作 系统 的 小 型 机 系统 主要 应 用 在 大 型 商业 ,金融 等 各 方面 性 能 都 要 求 
较 高 的 网 站 ,主要 用 于 高 端 市 场 。 不 考虑 价格 ,UNIX 服务 器 在 性 能 上 占有 较 大 优势 ,在 
可 靠 性 、 总 线 技术 、I/O 速率 ,海量 数据 处 理 、 支 持 多 路 CPU 等 方面 都 比 PC 服务 器 领先 
许多 。 

选择 服务 器 的 原则 应 该 根据 实际 情况 而 定 , 如 电子 商务 网 站 的 规模 、 能 够 接受 访问 量 
的 大 小 、 今 后 的 扩展 计划 以 及 经 营 何 种 类 型 商品 等 。 而 且 要 考虑 到 随 着 时 间 的 推移 ,服务 
器 的 价格 会 下 降 ,性 能 更 好 的 服务 器 又 会 推 向 市 场 。 
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2.1.5 电子 商务 网 站 的 软件 平台 


对 于 一 个 电子 商业 网 站 ,在 完成 了 域名 注册 ,确定 了 服务 器 解决 方案 后 ,接着 需要 解 
决 的 一 个 问题 是 在 网 站 的 硬件 平台 上 运行 什么 样 的 软件 系统 ,这 是 关系 到 电子 商务 网 站 
成 败 的 关键 问题 之 一 。 电 子 商务 网 站 的 软件 主要 包括 操作 系统 、 服 务 器 软件 数据 库 软 件 
等 。 运 行 这 些 的 软件 与 网 站 提供 的 服务 有 关 。 以 下 分 别 简 要 介绍 这 些 软 件 的 概况 。 


1. 操作 系统 软件 


目前 比较 流行 的 ,能 够 用 于 电子 商务 网 站 的 操作 系统 主要 有 UNIX、 类 UNIX 和 微软 
的 Windows 2000。 如 果 网 站 选用 PC 服务 器 ,操作 系统 可 在 Windows 2000、Linux、SCO 
UNIX .Solaris 中 选择 。 在 Linux 未 盛行 之 前 ,SCO UNIX 拥有 大 量 的 Intel 环境 的 服务 
器 ,而 目前 PC 服务 器 大 多 数 会 采用 Windows 2000 或 Linux 平台。 如 果 服 务 器 设备 选用 
小 型 机 , 则 操作 系统 一 般 随 品牌 而 定 ,多 数 的 小 型 机 服务 器 都 选用 UNIX 操作 系统 ,如 
IBM 公司 的 RS6000 使 用 AIX 操作 系统 .HP 公司 使 用 HP UNIX、Sun 公司 的 Enterprise 
系列 使 用 Solaris 等 。 其 中 Sun 公司 的 Enterprise 系列 的 UNIX 服务 器 在 Web 服务 器 市 
场 上 占有 较 大 的 份额 ,世界 上 很 多 著名 企业 的 网 站 都 使 用 了 Solaris 操作 系统 。 下 面 简要 
介绍 几 种 流行 的 操作 系统 。 

1) UNIX 操作 系统 

UNIX 操作 系统 的 主要 特点 是 技术 成 熟 . 开 放 性 好 .可 靠 性 高 .网络 功 能 强大 。 
UNIX 操作 系统 能 运行 于 各 种 机 型 上 ,在 网 站 建设 中 主要 用 于 小 型 机 。UNIX 最 重要 的 
特点 是 它 不 受 任何 计算 机 厂商 的 垄断 和 控制 ,并 提供 了 丰富 的 软件 开发 工具 。UNIX 具 
有 强大 的 数据 库 开发 环境 ,所 有 大 型 数据 库 厂 商 , 包 括 Oracle、Informix、Sybase、Progress 
等 ,都 把 UNIX 作为 主要 的 数据 库 开 发 和 运行 的 平台 。 

强大 的 网 络 功能 是 UNIX 的 又 一 个 特点 , 它 支 持 所 有 通信 需要 的 网 络 协议 ,这 使 得 
UNIX 系统 能 很 方便 地 与 现 有 的 主机 系统 以 及 各 种 广域网 .局 域 网 相 联结 。 

UNIX 操作 系统 有 多 种 不 同 的 版 本 ,主要 有 Sun 公司 的 Solaris, SCO 的 OpenServer 
与 UNIX Ware, 惠 普 公 司 的 HP-UX,IBM 公司 的 AIX 等 。 

2) Linux 操作 系统 

Linux 操作 系统 是 所 有 类 UNIX 操作 系统 中 最 出 色 的 一 种 ,由 于 它 是 自由 的 、 没 有 版 
权限 制 的 软件 ,所 以 是 计算 机 市 场 中 装机 份额 增长 得 最 快 的 操作 系统 之 一 ,目前 全 球 已 有 
800 多 万 用 户 。 

Linux 操作 系统 在 受到 全 球 众 多 个 人 用 户 认 同 的 同时 ,也 赢得 了 一 些 跨 国 大 公司 的 
喜爱 ,如 Informix、Netscape、Oracle 等 公司 宣布 了 对 Linux 的 支持 ,并 推出 了 基于 Linux 
的 软件 产品 。Linux 属于 免费 的 操作 系统 平台 ,在 价格 上 极 具 优势 ,而 且 其 性 能 也 十 分 优 
越 。Netscape 公司 认为 ,Linux 之 所 以 成 熟 , 原 因 在 于 它 在 稳定 性 和 性 能 上 与 其 他 操作 系 
统 有 抗衡 的 能 力 。 

Oracle 公司 早 在 1998 年 年 底 就 完成 了 Linux 使 用 的 数据 库 Oracle 8,1999 年 又 推出 
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Linux 版 本 的 各 种 企业 应 用 软件 和 Web 服务 器 程序 。Informix 已 经 推出 了 Informix 
SE, 它 是 一 个 面向 中 小 型 企业 应 用 的 Linux 版 数据 库 。Netscape 公司 的 Communicator 
4.5 浏览 器 也 有 Linux 版 本 ,1999 年 他 们 还 推出 了 基于 Linux 的 报 文 和 目录 服务 器 。 一 
些 计 算 机 供应 商 还 在 自己 销售 的 计算 机 中 为 用 户 预 装 了 Linux。 

3) Windows 操作 系统 

这 是 目前 最 流行 的 网 络 操作 系统 之 一 , 它 具 有 强大 的 功能 和 非常 良好 的 性 能 ,其 市 场 
份额 正在 逐渐 扩大 。Windows 系统 的 主要 优点 在 于 其 技术 先进 、 操 作 方 便 , 能 很 好 地 兼 
容 Windows 丰富 的 应 用 软件 ,也 有 利于 软件 厂商 开发 新 的 应 用 。Windows 拥有 可 伸缩 
的 解决 方案 (需求 式 分 页 虚拟 内 存 、 均 衡 的 并 行 处 理 、 大 型 卷 册 或 文件 等 ) ,完全 排除 操作 
系统 的 人 为 限制 ,能 够 安全 简单 地 访问 Internet, 它 捆绑 了 DNS、DHCP.、Gopher、 Web、 
FTP 服务 器 ,并 提供 IIS Web 服务 功能 ,使 企业 内 部 网 的 用 户 可 以 创建 个 人 网 页 ,向 内 部 
用 户 发 布 信息 。Windows 还 提供 互联 网 通信 协议 的 支持 ,使 用 户 可 以 通过 Internet 远程 
访问 企业 内 部 网 。 另 外 , 与 Windows Server 紧密 地 捆绑 在 一 起 的 服务 器 软件 IIS 
(Internet Information Server) 是 Microsoft 公司 的 一 种 集成 了 多 种 Internet 服务 功能 的 
服务 器 软件 ,利用 它 可 以 很 容易 地 构造 Web 站 点 。 


2. Web 服务 器 软件 


选择 Web 服务 器 时 ,不 仅 要 考虑 目前 的 需求 ,还 要 兼顾 网 站 发 展 的 需要 ,因为 若 更 换 
Web 服务 器 软件 ,将 会 产生 一 系列 的 问题 。 选 择 Web 服务 器 时 ,还 需要 和 操作 系统 联系 
起 来 考虑 ,大 多 数 Web 服务 器 主要 是 为 一 种 操作 系统 进行 优化 的 ,有 的 只 能 运行 在 一 种 
操作 系统 上 ,所 以 对 于 Web 服务 器 的 性 能 ,一 般 要 考虑 以 下 几 个 方面 。 

(1) 响应 能 力 : 即 Web 服务 器 对 多 个 用 户 浏 览 信息 的 响应 速度 。 响 应 速度 越 快 , 单 
位 时 间 内 就 可 以 支持 越 多 的 访问 量 , 用 户 点 击 的 响应 速度 就 越 快 。 

(2) 与 后 端 服务 器 的 集成 : Web 服务 器 除 直 接 向 用 户 提供 Web 信息 外 ,还 担负 服务 
器 集成 的 任务 ,这样 客户 机 就 只 需 用 一 种 界面 来 浏览 所 有 后 端 服务 器 的 信息 。Web 服务 
器 可 以 说 是 Internet 中 的 信息 中 转 站 , 它 将 不 同 来 源 、 不 同 格式 的 信息 转换 成 统一 的 格 
式 , 供 具有 统一 界面 的 客户 机 浏览 器 浏览 。 

(3) 管理 的 难 易 程 度 : Web 服务 器 的 管理 包含 两 种 含义 ,一 是 管理 Web 服务 器 是 否 
简单 易 行 ,二 是 利用 Web 界面 进行 网 络 管理 。 

(4) 信息 开发 难 易 程 度 : 信息 是 Web 服务 器 的 核心 ,信息 是 否 丰富 直接 影响 
Internet 的 性 能 ,信息 开发 是 否 简单 对 Web 信息 是 否 丰富 影响 很 大 , 即 它 所 支持 的 开发 
语言 是 否 满足 要 求 。 

(5) 稳定 性 : Web 服务 器 的 性 能 和 运行 都 需要 非常 稳定 。 

(6) 可 靠 性 : 如 果 Web 服务 器 经 常 发 生 故 障 , 将 会 产生 严重 影响 

(7) 安全 性 : 从 两 方面 考虑 ,一 是 Web 服务 器 的 机 密 信息 是 否 泄密 ,二 是 要 防止 黑客 
的 攻击 。 

(8) 与 其 他 系统 的 搭配 : 对 用 户 来 讲 , 应 如 何 选 择 最 合适 的 Web 平台? 一 个 简单 方 
法 是 视 Web 服务 器 的 硬件 平台 而 定 。 如 果 选 择 PC 服务 器 ,下 面 是 几 种 比较 常见 的 搭配 
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这 式 。 

中 Windows Server 十 IIS 二 ASP 十 SQL Server; 

© Linux 十 Apache 十 PHP 十 MySQL; 

©®@ NetWare 十 Novell Web Server; 

@ Solaris for Intel 十 iPlanet Web Server 十 JSP 十 Oracle; 

© AIX 十 IBM Websphere 十 DB2 。 

其 中 前 两 个 是 比较 流行 的 解决 方案 。 由 于 Linux 和 Apache 都 是 自由 软件 ,所 以 该 
方案 就 具有 最 高 的 性 能 价格 比 , 但 这 也 不 是 绝对 的 ,有 时 取决 于 网 站 制作 和 维护 人 员 的 习 
惯 , 如 果 他 们 最 熟悉 Windows 编程 ,就 应 该 选择 第 一 种 方案 ;相反 ,如 果 他 们 最 熟悉 
UNIX 和 Linux 编程 ,就 应 该 选择 第 二 种 方案 。 如 果 选 择 了 IBM 的 UNIX 服务 器 ,比如 
pSeries(RS6000) 系 列 , 最 好 使 用 IBM 提供 的 Websphere 套件 ; 如果 是 Sun 或 HP 的 
UNIX 服务 器 ,那么 Netscape 的 iPlanet Web Server 则 是 最 佳 选择 。 除 了 平台 问题 ,还 需 
要 考虑 网 站 规模 、 可 靠 性 (群集 以 及 负载 平衡 ) 、 开 发 环境 、 内 容 管 理 以 及 安全 性 等 问题 。 


3. 数据 库 软 件 


电子 商务 网 站 建设 是 以 Web 网 络 技术 和 数据 库 技术 为 基础 的 ,其 中 Web 数据 库 技 
术 是 电子 商务 的 核心 技术 。 它 将 数据 库 技术 与 Web 技术 很 好 地 结合 在 一 起 ,大 大 地 拓展 
了 数据 库 的 应 用 范围 。 

目前 ,Web 数据 库 中 关系 型 数据 库 占据 了 主流 地 位 。 关 系 型 数据 库 的 发 展 主 要 经 历 
了 基于 主机 /终端 方式 的 大 型 机 上 的 应 用 阶段 和 客户 机 /服务 器 阶段 。 随 着 Internet 应 用 
的 普及 ,人 们 对 关系 型 数据 库 做 了 适应 性 调整 ,增加 了 面向 对 象 成 分 以 及 处 理 多 种 复杂 数 
据 类 型 的 能 力 , 还 增加 了 各 种 中 间 件 (主要 包括 CGI、ISAPI、.ODBC、JDBC、ASP 等 技术 )， 
较 大 地 扩展 了 基于 Internet 的 应 用 能 力 。 可 通过 应 用 服务 器 解释 执行 各 种 HTML 中 骸 
和 人 脚本 ,从 而 解决 Internet 应 用 中 数据 库 数 据 的 显示 、 维 护 .输出 以 及 到 HTML 的 格式 转 
换 等 。 基 于 Internet 应 用 的 模式 中 ,关系 型 数据 库 的 表现 形式 为 3 层 或 4 层 的 多 层 结构 。 
在 这 种 多 层 结构 体系 下 ,关系 型 数据 库 较 好 地 解决 了 数据 在 Internet 上 发 布 . 检 索 、 维 护 、 
管理 等 应 用 问题 。 

目前 关系 数据 库 技术 已 经 非常 成 熟 , 相 关 的 数据 产品 也 非常 多 ,如 DB2、Oracle、 
Sybase .Informix、MS SQL Server、MySQL 等 。 在 第 9 章 中 将 对 常用 的 数据 库 产 品 作 
介绍 。 


2.2 电子 商务 网 站 的 外 观 设计 与 策划 


电子 商务 网 站 的 外 观 设计 与 策划 是 根据 网 站 的 开发 目标 、 运 行 机 制 、 实 现 的 功能 、 服 
务 对 象 和 所 涉及 的 商业 领域 来 考虑 的 ,主要 包括 网 站 的 形象 设计 、 风 格 设 计 、 字 体 设 计 、 总 
体 布局 设计 和 目录 结构 设计 等 。 
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2.2.1 确定 建站 的 目的 


为 什么 要 建立 电子 商务 网 站 ,建立 一 个 怎样 的 网 站 ,希望 经 营 何 种 业务 ,与 传统 商务 
有 什么 区 别 , 有 哪些 优越 性 ,如 何 取得 赢利 ”以 上 这 些 问 题 都 需 经 过 仔细 考虑 ,反复 论证 。 
商业 领域 赢利 是 第 一 目标 ,一 个 亏损 的 电子 商务 网 站 是 无 法 生存 的 。 

建站 前 首先 要 对 市 场 进行 调研 ,了 解 市 场 的 购买 力 , 购 买 人 的 购买 习惯 ,购买 人 的 性 
别 、 年 龄 ,文化 程度 `. 职 业 等 ;哪些 商品 是 畅销 的 ,哪些 商品 是 滞销 的 ,哪些 商品 是 紧缺 的 ? 
一 般 来 讲 , 应 分 析 同 类 商品 市 场 的 规模 和 市 场 最 大 需求 量 。 还 需要 查询 经 营 同类 商品 的 
电子 商务 网 站 ,了 解 它们 的 长 处 和 短处 。 结 合 自己 公司 的 特长 和 能 力 ,分 析 有 无 能 力 去 抢 
占 市 场 份额 。 

做 电子 商务 的 人 要 把 握 住 电子 商务 的 本 质 。 什 么 是 电子 商务 的 本 质 呢 ? 电子 商务 的 
本 质 不 是 电子 技术 而 是 商务 手段 。 所 谓 商务 手段 就 是 做 生意 ,公司 在 做 生意 过 程 中 首先 
要 处 理 好 与 供应 方 的 关系 ,就 是 要 将 货物 的 采购 过 程 做 好 ,对 于 进货 的 品种 `. 数 量 、 价 格 要 
有 预见 性 , 既 不 要 造成 库存 积压 ,也 不 要 造成 货品 短缺 。 其 次 要 做 好 物流 和 仓储 管理 工 
作 ,以 最 小 的 成 本 换取 最 大 的 价值 。 另 外 比较 重要 的 一 点 是 与 客户 建立 良好 的 关系 ,以 客 
户 为 中 心 , 尽 可 能 满足 客户 们 的 需求 。 只 有 为 公司 创造 效益 ,电子 商务 才 有 生存 的 意义 。 


2.2.2 网 站 的 内 容 策划 


电子 商务 网 站 创建 以 前 应 该 先 起 一 个 名 字 , 网 站 的 名 字 要 正气 .好 记 、 响 亮 ,好 的 网 站 
名 对 网 站 的 形象 宣传 和 推广 能 起 到 很 大 的 作用 。 站 名 的 “ 正 ” 就 是 要 合法 ,合理 , 合 情 。 不 
能 用 反动 的 .庸俗 的 .色情 的 ,低级 趣味 的 名 词 或 语句 。 其 次 站 名 要 容易 让 人 记 住 ,要 读 起 
来 朗朗 上 口 , 名 字 可 以 由 中 文 、 英 文字 母 和 数字 组 成 ,如 OA365、85818、EG365、 搜 狐 
(sohu) 等 。 如 果 名 字 朴 实 无 华 ,再 加 上 能 体现 一 定 的 内 涵 , 就 能 给 浏览 者 更 多 的 视觉 冲 
击 和 想象 空间 。 再 次 站 名 要 有 特色 ,应 避免 与 其 他 网 站 同名 。 

总 之 ,网 站 题材 和 名 称 的 定位 是 设计 一 个 网 站 的 第 一 步 ,也 是 很 重要 的 一 步 。 如 果 能 
找到 一 个 满意 的 名 称 , 花 几 天 时 间 翻 阅 有 关 书 籍 和 辞海 也 是 值得 的 。 

一 个 好 的 电子 商务 网 站 和 普通 公司 一 样 ,需要 有 特色 的 形象 包装 和 设计 ,有 创意 的 形象 
设计 非常 重要 。 应 该 设计 一 个 让 人 过 目 不 忘 的 标志 。 标 志 一 般 由 漂亮 的 文字 、 简 洁 的 图 案 、 
鲜明 的 颜色 所 组 成 ,如 美国 的 Intel、 微 软 .IBM、 惠 普 等 公司 的 标志 就 能 给 人 以 深刻 的 印象 。 

另外 创建 网 站 前 应 确定 网 站 的 基本 色彩 ,网 站 的 色彩 不 宜 太 多 ,不 然 会 给 人 颜色 杂乱 
的 感觉 ,影响 来 访 者 的 情绪 。 网 站 的 标志 、 主 菜单 大 标题 应 与 网 站 的 基本 色彩 协调 ,一般 
可 采用 固定 的 色彩 搭配 ,给 客户 一 种 熟悉 的 感觉 。 


2.2.3 网 站 的 布局 设计 


建立 一 个 电子 商务 网 站 好 比 写 一 本 书 , 首 先 应 拟 好 提纲 ,确定 主题 ,规划 好 结构 。 一 
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个 较 大 型 的 电子 商务 网 站 内 容 繁多 ,如 果 网 站 结构 不 清晰 ,内 容 杂 乱 ,浏览 者 会 看 得 糊 里 
糊涂 ,而 且 网 站 的 扩展 和 维护 也 会 相当 困难 。 

一 个 网 站 的 页 面 必须 清晰 明快 .布局 合理 、 重 点 突出 ,才能 吸引 浏览 者 的 关注 ,网 站 的 
总 体 布局 的 好 坏 直接 关系 到 能 否 吸引 浏览 者 。 在 对 一 个 网 站 作 好 统筹 规划 后 ,应 针对 网 
站 的 主题 收集 各 种 相关 的 资料 ,并 对 所 有 的 资料 进行 仔细 甄选 ,然后 根据 网 站 主题 设计 一 
些 页 面 的 样式 ,规划 好 网 站 的 框架 ,整理 出 站 点 的 内 容 之 间 的 逻辑 结构 图 。 

电子 商务 网 站 一 般 应 包括 企业 简介 、 产 品 介绍 、 服 务 内 容 、 价 格 信息 、 联 系 方式 、 网 上 
订单 等 基本 内 容 。 男 外 电子 商务 类 网 站 还 应 该 提供 会 员 注 册 、 详 细 的 商品 服务 信息 、 信 息 
搜索 查询 .订单 确认 、 付 款 方式 、 相 关 帮 助 等 内 容 。 

网 站 的 重要 信息 应 放 在 突出 醒目 的 位 置 上 ,对 主要 商品 的 描述 应 该 尽量 细致 ,让 浏览 
者 能 在 最 短 的 时 间 内 了 解 商品 的 信息 。 

网 站 内 容 规划 上 应 该 将 所 有 信息 按 类 别 分 开 , 分 别 纳 入 不 同 层次 的 页 面 中 。 应 先 把 最 
主要 的 内 容 放 到 首页 上 ,其 他 内 容 分 主 次 地 依次 安排 在 下 级 网 页 页 面 中 。 应 该 依据 要 建立 
的 网 站 的 内 容 确定 站 点 的 结构 图 。 网 站 的 结构 图 有 顺序 结构 、 网 状 结构 继承 结构 、Web 结 
构 等 。 多 数 比较 复杂 的 电子 商务 网 站 会 综合 应 用 几 种 不 同 的 结构 图 。 定 义 好 网 站 结构 图 的 
目的 是 便于 有 效 地 组 织 站 点 的 页 面 链接 ,这 种 网 站 结构 图 将 有 利于 网 站 的 创建 和 维护 。 


2.2.4 建立 经 营 内 容 明 确 的 电子 商务 网 站 


电子 商务 网 站 选择 经 营 项 目 和 内 容 必须 有 自身 的 优势 ,必须 有 明确 的 经 营 目标 ,这 样 才 

能 建立 一 个 能 够 赢利 的 电子 商务 网 站 。 例 如 ,可 以 建立 一 个 经 营 计算 机 整 机 和 配件 的 电子 

商务 网 站 ,网 站 提供 各 种 计算 机 整 机 ,有 台式 机 、 便 携 机 。 网 站 提供 各 种 型 号 和 规格 的 计算 

机 零 配件 ,如 CPU 内存 .主板 ,硬盘 . 显 示 卡 、 网 络 设备 部 件 。 网 站 也 可 提供 各 种 外 部 设备 ， 

如 打印 机 .显示器 ,扫描 仪 ,数码 相 机 等 。 以 上 各 种 商品 的 规格 .品牌 特性、 性能、 实物 照片 、 
价格 等 都 应 一 目 了 然 。 图 2-3 是 一 个 经 营 计算 机 和 计算 机 配件 的 网 站 的 部 分 项 目 。 
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图 2-3 一 个 经 营 计算 机 和 计算 机 配件 的 电子 商务 网 站 的 部 分 项 目 
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也 可 以 建立 一 个 经 营办 公用 品 的 电子 商务 网 站 。 在 网 上 开办 一 家 文具 办 公用 品 经 
公司 ,可 以 经 营办 公 自 动 化 用 品 、 办 公 耗 材 类 用 品 、 办 公文 教 类 用 品 、 通 信 设 备 类 用 品 、 办 
公家 具 类 商务 礼品 类 等 几 大 门类 。 图 2-4 是 一 个 经 营办 公用 品 的 网 站 的 经 营 内 容 。 


en 二 | 1 站- 全 


国 962365 HT##5 多 类 # 扫 。 | 月 优 训 集合 | 半月 固 | 习 歼 中 心 | 和 名片、 外 全 在 糯 直 人 

只 守 情 1 10 月 网 关注 骨 下 拉 泽 祭 百 [me 5 | == | 
首页 > 商品 目录 加 排 苦 结 好 不 
BE 办 用 的 夯 办 人 本 村 
ples 避 本 儿 | 0A355 避 卫生 | 其 局 生息。 省 | 呈 村 于 | 江村 | 利和 
| 的 9 一 件 机 东 村 | 到 鞘 芭 } 


| est 05] 
[ 电 语 -配件 于 办 公设 备 
包 防 束 机 | 电脑 配 六 Ce 


Maes 则 各 设备 | 考区 本 | 本 名 有 | 可 洒 设 


晤 入 及 议 备 面 办 公文 用、 

RBH | 并 友和 本 | 到 百 关 坟 科 入 理 | 枯 识 于 | 三 面 本 品 | 妆 订 人 站 用品 | 对 
关上 由 出 及 6FS 这 各 | 站 硬件 | 芳和 5 

NMP3WP4 | 虹 了 本 内科 入骨 泽 笔 各 不 及 信和 乾 | 书写 修正 工具 | 展示 幸 训 肌 品 


3 on355 Meos puta | 加 | 办 公家 具 网 办 & 家 电 
和 ok365 M300 J 禾 gp 折 | 办 人 上 | 公 抽 案 吕 | 本人 于 站 加 | 电器 | 可 了 器 | 美和 | 
6A365 MG10r30) 全 下 折 和 9 风光 四邻 电 器 


EE _ FT | 


图 2-4 一 个 经 营办 公用 品 的 电子 商务 网 站 经 营 内 容 


还 可 以 建立 一 个 经 营 旅游 业务 的 电子 商务 网 站 。 近 年 来 随 着 生活 水 平 的 提高 ,人 们 
已 经 不 再 满足 于 吃 穿 住 ,而 是 外 出 旅游 ,享受 大 自然 。 一 部 分 人 现在 选择 旅游 地 点 和 方式 
的 意识 已 经 越 来 越 强 ,他 们 需要 通过 查询 大 量 的 资料 来 确定 旅游 方式 和 目的 地 ,传统 的 旅 
行 社 提供 的 服务 已 满足 不 了 这 部 分 客户 的 要 求 , 而 旅游 电子 商务 网 站 却 为 他 们 提供 了 便 
捷 的 途径 。 图 2-5 是 一 个 提供 旅游 服务 的 网 站 。 
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图 2-5 一 个 提供 旅游 服务 的 电子 商务 网 站 的 主页 


2.3 电子 商务 网 站 容量 规划 


电子 商务 的 发 展 使 得 保证 支持 站 点 的 基础 结构 能 够 为 访问 公司 的 信息 .产品 和 服务 
提供 可 用 、 可 扩展 ,快速 且 高 效 的 途径 成 为 了 关键 任务 。 任 何 电子 商务 网 站 的 目标 都 是 向 
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用 户 提供 优质 的 服务 。 当 用 户 遇 到 反应 速度 慢 、 超 时 和 错误 .链接 断 开 等 问题 时 ,他 们 会 
失去 耐心 ,并 转向 其 他 网 站 去 查找 所 需 内容 。 要 防止 这 一 点 ,就 必须 提供 一 个 不 但 能 处 理 
常规 需求 水 平 ,而 且 能 处 理 高 峰 需求 水 平 甚至 更 高 水 平 的 弹性 的 基础 结构 。 容 量规 划 能 
够 计算 满足 用 户 需求 所 需 的 硬件 要 求 。 这 类 计算 可 以 识别 在 网 络 设 计 中 造成 性 能 降低 和 
导致 服务 质量 降低 的 瓶颈 ,然后 修改 设计 或 根据 需要 做 出 更 改 来 解决 瓶颈 问题 。 

容量 规划 同时 也 是 一 个 长 期 的 维护 任务 ,不 仅 在 规划 网 站 时 必须 确保 网 络 及 其 组 件 
能 够 处 理 将 来 访问 站 点 的 用 户 数 量 , 而 且 还 需要 不 断 监视 服务 器 的 使 用 情况 ,适应 访问 量 
的 最 新 变化 趋势 ,以 确保 有 足够 的 资源 来 保证 客户 的 访问 。 随 着 时 间 的 推移 ,大 多 数 规划 
都 会 碰 到 用 户 数量 和 访问 的 内 容 总 量 大 大 增加 的 情况 。 当 峰值 用 户 数量 访问 网 络 上 的 应 
用 程序 和 服务 时 ,容量 规划 对 于 确保 系统 能 够 充分 运行 至 关 重 要 。 

电子 商务 网 站 的 容量 和 性 能 ,取决 于 承载 它 的 基础 设施 ,主要 包括 多 种 组 件 : 计 算 基 
础 设施 (服务 器 系统 ) ,存储 系统 、Web 和 中 间 件 系统 、 数 据 库 系统 、 网 络 等 。 这 里 的 每 一 
个 组 件 的 容量 规划 都 是 一 个 大 话题 ,都 可 以 至 少 单独 用 一 本 书 来 讨论 ,不 同 厂 商 的 产品 也 
各 不 相同 。 在 本 书 中 对 具体 组 件 的 容量 规划 将 不 做 展开 讨论 ,而 是 重点 向 读者 初步 介绍 
需要 考虑 的 一 些 因 素 。 

总 的 来 说 ,容量 规划 是 一 项 非常 复杂 的 工作 ,涉及 各 技术 领域 的 专业 内 容 。 对 初步 了 
解 电子 商务 站 点 的 读者 来 说 ,可 以 依据 以 下 的 方法 来 把 握 容 量规 划 的 整体 。 

1) 分 而 治之 

大 型 的 电子 商务 系统 可 能 非常 复杂 ,包含 全 球 各 主要 地 点 的 数据 中 心 、 全 球 广域网 
络 数据 中 心 的 当地 交换 局 域 网 络 安全 基础 设施 、 各 数据 中 心 的 计算 基础 设施 、 存 储 子 系 
统 、 分 布 式 的 数据 库 系 统 等 。 从 系统 设计 的 角度 讲 , 复 杂 系 统 的 设计 通常 采用 自 顶 向 下 的 
模块 化 、 层 次 化 的 架构 设计 。 层 次 是 基于 结构 的 一 种 划分 ,模块 是 基于 功能 的 一 种 划分 。 
复杂 系统 可 以 先 基于 层次 划分 ,然后 在 每 一 层次 中 细 分 功能 模块 ;也 可 以 先 基于 模块 划分 
子 系统 ,然后 在 子 系统 内 部 再 分 层 。 

这 种 设计 思路 简化 了 问题 的 复杂 度 ,比较 好 地 控制 了 在 设计 的 每 一 阶段 需要 同时 考 
虑 的 因素 的 数量 。 电 子 商 务 系统 的 容量 规划 ,对 应 系统 架构 的 分 解 ,也 可 以 分 而 治之 ,对 
各 层次 、 各 模块 的 性 能 分 别 进行 容量 规划 。 上 有 具体 到 各 层次 、 各 模块 ,它们 对 预期 容量 、 性 
能 、 扩 展 性 的 要 求 都 是 不 一 样 的 ,分 而 治之 也 可 以 确保 容量 规划 考虑 到 足够 细致 。 

男 外 ,分 而 治之 能 帮助 把 握 容量 规划 的 重点 。 根 据 8/2 原则 ,整体 系统 的 性 能 的 翔 
颈 , 往 往 取 决 于 系统 20% 的 组 件 。 分 而 治之 帮助 找到 系统 中 需要 重点 关注 的 层次 和 模 
块 ,在 容量 规划 中 对 这 些 层 次 和 模块 加 以 重点 考虑 ,往往 能 达到 事半功倍 的 效果 。 

2) 利用 工具 

容量 规划 即 是 科学 ,又 是 一 种 艺术 ,因为 没有 人 能 精确 预测 实际 的 容量 需求 。 利 用 工 
具 可 以 帮助 预测 和 分 析 电 子 商 务 系统 的 行为 和 需求 发 展 趋势 ,为 容量 规划 提供 样本 数据 ， 


为 理论 计算 提供 实际 数据 参考 。 
有 两 类 工具 可 以 帮助 容量 规划 。 一 类 是 测试 工具 ,通常 在 系统 部 署 上 线 和 升级 之 前 
使 用 ,用 于 模拟 用 户 实际 的 访问 请 求 , 可 以 用 来 测试 和 观察 系统 在 接近 真实 访问 请 求 的 情 


况 下 的 行为 和 性 能 。 模 拟 一 定数 量 的 并 发 访问 ,可 以 用 来 做 压力 测试 ,帮助 测试 观察 系统 
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在 不 同 的 负载 下 的 行为 和 处 理 能 力 的 变化 情况 .趋势 和 饱和 点 。 这 些 数据 都 可 以 极 大 地 
帮助 到 容量 的 分 析 和 预测 。 常 用 的 测试 工具 如 ,微软 的 免费 工具 Web Capacity Analysis 
Tool(WCAT) 和 Web Application Stress Tool(WAST) 。 

另 一 类 是 监控 工具 ,通常 在 系统 运 维 阶段 使 用 ,用 于 监视 系统 的 实际 访问 量 和 使 用 
率 ,观察 访问 需求 的 峰 谷 值 特征 和 变化 趋势 ,帮助 警告 系统 容量 接近 上 限 是 否 需要 扩容 ， 
帮助 预测 一 定 周期 内 访问 量 的 增长 趋势 ,便于 对 可 预见 的 将 来 系统 的 进一步 升级 进行 规 
划 。 某 些 工 具 还 可 以 自动 进行 某 些 预测 分 析 ,预告 未 来 几 个 月 、 半 年 .一 年 的 容量 需求 。 

3) 动态 调整 

即使 在 系统 上 线 前 进行 了 非常 细致 的 容量 规划 ,系统 真正 开始 运行 后 ,仍然 可 能 发 现 
与 实际 情况 有 差异 。 另 外 ,伴随 电子 商务 业务 的 快速 发 展 , 系 统 访 问 需求 的 变化 也 可 能 很 
快 超过 预期 值 。 所 以 ,容量 规划 是 一 个 长 期 的 任务 , 运 维 人 员 需 要 定期 评估 系统 的 负载 、 
利用 率 .访问 需求 的 变化 情况 和 趋势 ,有 必要 的 话 应 提出 扩容 升级 的 需求 。 定 期 的 评估 可 
以 使 用 监控 工具 的 数据 ,也 可 以 通过 理论 分 析 ,依据 新 的 需求 开展 。 

下 面 介 绍 容量 规划 需要 考虑 的 一 些 主要 因素 。 

1) 用 户 数量 

确定 同时 使 用 站 点 的 用 户 数量 ,这 个 数字 通常 有 两 个 主要 来 源 :市 场 分 析 和 系统 分 
析 。 如 果 站 点 还 未 建立 或 发 布 ,站 点 所 有 者 和 操作 人 员 就 可 能 需要 借助 市 场 分 析 报 告 来 
预测 站 点 发 布 初期 及 以 后 的 预期 通信 量 。 如 果 站 点 已 经 建立 且 已 在 运行 ,分 析 Web 服务 
器 的 日 志文 件 , 以 了 解 站 点 在 不 同时 间 的 点 击 数 以 及 可 以 表明 站 点 内 容 受 欢迎 程度 是 否 
增加 的 所 有 使 用 趋势 。 计 算 站 点 当前 支持 的 用 户 数量 时 ,要 根据 峰值 使 用 来 计算 ,而 不 是 
根据 典型 使 用 或 平均 使 用 。 

这 里 隐 含 了 一 个 可 用 性 的 问题 。 企 业 应 对 网 站 可 用 性 程度 做 出 决策 。 例 如 ,是 必须 
保证 网 站 能 处 理 峰值 访问 量 , 还 是 保证 能 处 理 80% 的 峰值 访问 量 就 够 了 ? 这 取决 于 公司 
打算 投入 多 少 财力 来 保证 电子 商务 系统 始终 能 够 满足 需求 。 这 要 看 电子 商务 网 站 不 可 用 
而 引起 的 损失 (例如 经 济 损失 、 用 户 满意 度 、 声 誉 等 ) 是 否 值得 企业 花 钱 来 达到 这 种 可 
用 性 。 

2) 页 面 类 型 

如 果 Web 服务 以 处 理 静 态 页 面 为 主 ,由 于 静态 页 面 读 取 主 要 是 磁盘 操作 ,所 以 更 多 
考虑 的 是 1/O 性 能 要 求 , 如 果 Web 服务 需要 处 理 大 量 动态 页 面 ,那么 对 中 间 件 系统 计算 
能 力 和 数据 库 处 理 能 力 的 要 求 就 会 比较 高 .生成 动态 内 容 所 需 的 数据 查询 处 理 量 越 大 ,对 
系统 计算 能 力 和 数据 库 处 理 能 力 要 求 就 越 高 。 

3) 采用 何 种 Web 应 用 技术 

采用 ASP、ASP. NET、Java Applet、ActiveX、JSP、Web Service 等 不 同 的 Web 应 用 
技术 ,对 系统 的 处 理 能 力 开销 是 不 一 样 的 。 

4) 网 站 提供 服务 的 内 容 

例如 ,通过 电子 商务 提供 法 律 咨询 服务 的 网 站 ,网 页 的 内 容 可 能 多 数 以 文字 为 主 , 有 
少量 图 片 ,那么 同样 的 条 件 下 ,用 户 调用 某 一 页 面 的 时 间 会 比较 短 , 每 一 个 用 户 请 求 占用 
系统 的 处 理 能 力 资源 会 比较 少 。 而 如 果 是 通过 电子 商务 提供 视频 、 图 片 资 料 服务 的 网 站 ， 
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网 页 内 容 以 图 片 .视频 资料 为 主 ,可 能 带 有 实时 传送 的 流 媒体 内 容 , 那 么 用 户 调用 某 一 页 
面 的 时 间 会 比较 长 ,每 一 个 用 户 请 求 占用 系统 的 处 理 能 力 资源 也 会 比较 多 。 

对 应 到 电子 商务 网 站 的 基础 设施 ,每 一 种 组 件 , 包 括 Web 和 中 间 件 系统 、 数 据 库 系 
统 、 服 务 器 系统 、 存 储 系统 、 网 络 系统 的 容量 规划 ,简化 来 讲 , 都 基于 以 下 的 公式 :系统 容 
量 = 并 发 服务 请 求 数 * 每 请 求 的 系统 开销 。 

从 理论 计算 的 角度 讲 , 各 类 组 件 的 原矿 商都 会 提供 性 能 和 容量 测试 数据 供 参考 ,用户 
可 以 利用 估算 或 工具 模拟 得 到 近似 的 每 请 求 系统 开销 的 值 ,来 进行 系统 总 容量 的 估算 。 

如 果 估 算出 来 的 系统 总 容量 超过 了 单 系统 处 理 能 力 的 上 限 , 可 以 采用 多 系统 负载 分 
担 的 方法 来 提升 整体 处 理 能 力 。 例 如 ,服务 器 可 以 增加 CPU 提高 单 台 的 多 线程 处 理 能 
力 ,部 署 Web 负载 均衡 设备 来 智能 的 调度 多 台 Web 服务 器 依次 处 理 用 户 的 请 求 可 以 提 
高 并 发 处 理 量 , 防 火 墙 可 以 组 成 群集 或 利用 防火 墙 负载 均衡 设备 来 提高 来 往 Internet 的 
数据 吞吐 能 力 , 同 样 网 络 链 路 也 可 以 采用 捆绑 多 条 链 路 的 方式 提高 带宽 ,数据 库 系统 也 可 
以 组 成 群集 的 方式 提高 整体 处 理 能 力 。 
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部 分 


网 站 的 外 观 设计 
和 内 容 编辑 


3 章 网 页 设计 基础 
第 


知识 点 

。 Dreamweaver 8 的 基本 组 成 

。 如 何 创建 和 规划 一 个 本 地 站 点 

。 如 何 创 建 和 编辑 一 个 简单 的 网 页 


3.1 Dreamweaver 8 简介 


2005 年 4 月 Macromedia 公司 被 著名 的 软件 公司 Adobe 收购 , Dreamweaver 8 是 
Macromedia 公司 最 后 发 布 的 集 网 页 设计 代码 开发 .网 站 创建 和 管理 于 一 体 的 软件 。 它 
保留 了 Dreamweaver 早期 版 本 的 各 种 优点 ,提供 了 可 视 化 的 布局 工具 \ 快 速 的 Web 应 用 
程序 开发 ,以 及 广泛 的 代码 编辑 和 ASP/JSP/ASP. NET/PHP 等 动态 网 页 的 支持 ,并 可 
以 实现 完整 的 数据 库 的 编写 。 也 就 是 说 Dreamweaver 8 不 仅 可 以 轻松 设计 网 站 前 台 的 页 
面 ,而 且 也 可 以 方便 地 实现 网 站 后 台 的 各 种 复杂 功能 。 


3.1.1 Dreamweaver 8 的 启动 方式 


启动 Dreamweaver 8 与 启动 一 般 软件 的 方法 相同 ,其 过 程 是 依次 选择 Windows XP 
操作 系统 中 的 [开始 【所 有 程序 Macromedia】〗IK〖Macromedia Dreamweaver 8】 命 今 。 


也 可 双击 桌面 上 的 快捷 方式 图 标 国 , 便 可 启动 Dreamweaver 8, 随即 可 看 到 
Dreamweaver 8 全 新 的 工作 界面 。 


3.1.2 Dreamweaver 8 的 工作 环境 


Dreamweaver 8 新 的 工作 区 环境 比 早 期 的 版 本 更 加 灵活 、 方 便 . 实用。 启动 
Dreamweaver 8 以 后 首先 看 到 的 是 起 始 页 ,如 图 3-1 所 示 。 


GDREAMWEAVE 民 


“进入 Dreamweayer 快 速 指南 享用 Drewmvwesver 8 的 免费 补丁 程 
| ， 了 解 Dreamweayver 文档 资源 dd 序 ? 
Pen 立即 下 载 最 新 的 产品 更 新 
了 不 再 显示 此 对 话 杠 


图 3-1 Dreamweaver 8 起 始 页 示意 图 


设计 者 可 以 在 起 始 页 中 选择 [打开 最 近 项 目 了 创建 新 项 目 了 和 【从 范例 创建 】 等 选项 
组 中 的 相应 的 操作 ,常用 的 选项 组 的 具体 意义 如 下 : 

(1)【 打 开 最 近 项 目 ] 选 项 组 : 单 击 [ 打 开 最 近 项 目 了 下 的 文件 名 称 , 可 以 直接 打开 最 近 
编辑 过 的 网 页 文件 。 

(2)【 创 建新 项 目 ] 选 项 组 : 单 击 【创建 新 项 目 了 下 的 相应 命令 ,可 以 创建 不 同 的 网 页 文 
件 。 如 单 击 CHTML] 选 项 ,将 创建 一 个 静态 网 页 文件 ; 单 击 [【ASP VBScript】 选 项 ,将 创建 
一 个 动态 网 页 ; 单 击 【CSS】 选 项 ,将 创建 一 个 CSS 样式 表 文 件 等 。 

(3)【 从 范例 创建 ] 选 项 组 :可 以 参考 Dreamweaver 8 预 置 的 范例 创建 新 的 网 页 文档 。 

单 击 【创建 新 项 目 了 下 的 【HTML] 选 项 后 ,屏幕 显示 的 是 工作 区 窗口 ,此 时 系统 打开 
一 个 名 为 Untitled 的 空白 文档 ,在 网 页 文件 文档 窗口 中 设计 者 可 以 完成 网 页 的 设计 。 

工作 区 窗口 由 标题 栏 菜 单 栏 、 工 具 栏 、 网 页 文档 编辑 区 ,状态 栏 和 面板 组 等 基本 部 分 
组 成 ,如 图 3-2 所 示 。 

工作 区 窗口 各 部 分 功能 如 下 : 


1. 标题 栏 


标题 栏 是 显示 当前 网 页 的 标题 信息 ,当前 被 编辑 网 页 文件 的 文件 名 会 在 括号 里 显示 。 
用 标题 栏 左边 和 右边 的 窗口 控制 按钮 ,可 以 完成 窗口 的 [最 大 化 】【 最 小 化 】 【移动 【还 
原 】【 关 闭 ] 等 操作 。 


2. 菜单 栏 


菜单 栏 是 设计 者 选择 操作 命令 的 地 方 。 菜单 栏 的 选项 依次 为 【文件 【编辑 】]【 查 
看 】【 插 入 】【 修 改 】【 文 本 】【 命 令 ]【 站 点 】【 窗 口 ] 和 【帮助 ]。 浮 动 面板 上 的 各 项 操作 
基本 上 都 有 菜单 操作 命令 与 之 相对 应 ,在 以 后 的 章节 中 会 逐一 介绍 主要 的 菜单 操作 命令 。 
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标题 栏 

菜单 栏 

插 久 栏 党 用 ~ 四 回电 | 国 轩 国 -@- 轩 郧 巴 | 国 - 好 
四 


面板 组 


文档 工具 栏 


网 页 义 档 
编辑 窗口 


状态 栏 
届 性 面板 


|] 及 生 二 起 


LE 性 _]| 引 


图 3-2 Dreamweaver 8 的 工作 环境 


3. 插入 栏 


无 论 多 么 精美 的 网 页 ,其 基本 组 成 元 素 无 非 是 些 图 片 .文字 以 及 多 媒体 特效 ,这 些 网 
页 元 素 可 以 利用 插入 栏 中 的 工具 来 置 放 到 网 页 上 。 用 插入 栏 可 以 插入 网 页 设计 中 的 一 些 
最 常用 的 元 素 , 如 图 像 . 文 本 特殊 字 符 、Flash 动画 等 。 

插入 栏 在 菜单 栏 下 方 , 选 择 【窗口 3I【 插 入 命令, 可 显示 或 隐藏 插入 栏 ,Ctrl 十 F2 快 
捷 键 是 显示 或 隐藏 插入 栏 的 切换 开关 ,如 图 3-2 所 示 。 其 中 默认 的 9 个 选项 分 别 为 : 常 
用 ,布局 .表单 .文本 .HTML、 应 用 程序 ,Flash 元 素 ,收藏 夹 .、 显 示 为 制 表 符 , 单 击 【 显 示 为 
制 表 符 了 按钮 ,可 以 改变 插入 栏 的 显示 方式 。 其 他 8 个 选项 的 主要 用 法 将 在 后 面 的 章节 中 
逐一 介绍 。 


4. 文档 工具 栏 


在 文档 窗口 中 有 一 个 文档 工具 栏 。 文 档 工具 栏 最 左边 的 是 代码 视图 和 设计 视图 的 切 
换 按钮 。 利 用 切换 按钮 可 在 【代码 】【 设 计 】【 代 码 和 设计 3 的 3 种 视图 方式 之 间 切 换 , 改 
变 网 页 的 编辑 方式 。 设 计 者 在 编辑 网 页 的 过 程 中 可 随时 了 解 相应 的 HTML 代码 ,或 者 
在 编写 HTML 代码 时 方便 地 看 到 网 页 的 设计 效果 。 中 间 【 标 题 】 文 本 框 可 输入 当前 网 页 
名 称 ,如 果 当 前 网 页 文档 已 经 有 了 一 个 标题 , 则 该 标题 将 显示 在 该 文本 框 中 。 右 边 是 一 些 
文档 常用 的 工具 按钮 ,如 图 3-3 所 示 。 

文档 工具 栏 中 主要 的 工具 按钮 功能 如 下 : 

(1) 番 没 有 浏览 器 /检查 错误 : 可 以 检查 跨 浏 览 器 兼容 性 。 

(2) 国 归 验证 标记 : 可 以 验证 当前 文档 或 选 定 的 标签 。 
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显示 代码 视 没有 浏览 ”在 浏览 占 中 
图 和 设计 视图 器 检查 错误 预览 /调试 


图 3-3 文档 工具 栏 


(3) 验 文 件 管理 : 单 击 这 个 按钮 可 以 在 下 拉 菜 单 中 实现 对 文件 只 读 属 性 的 编辑 ,本 
地 站 点 和 服务 器 端 文件 的 上 传 和 下 载 ,以 及 方便 团队 工作 的 设计 备注 等 菜单 命令 。 

(4) 转 . 在 浏览 器 中 预览 和 调试 : 单 击 这 个 按钮 可 以 在 下 拉 菜 单 中 实现 网 页 预览 (可 
用 功能 键 F12 代替 ) ,以 及 选择 用 来 预览 网 页 的 浏览 器 等 工作 。 

(5) 咬 刷 新 设计 视图 : 在 [代码] 视图 中 更 改 代码 后 , 单 击 该 按钮 可 以 刷新 文档 的 【 设 
计 了 视图 。 

(6) 贺 视 图 选项 : 单 击 这 个 按钮 可 以 在 下 拉 菜 单 中 实现 一 些 人 性 化 的 功能 ,可 以 为 
【代码 了 视图 和 【设计 了 视图 设置 选项 ,如 视图 显示 的 位 置 ,HTML 代码 高 亮度 显示 ,语法 颜 
色 提 示 和 代码 缩 进 方式 , 行 号 提示 与 页 面 排版 标记 显示 等 。 

(7) 获 可 视 化 助理 : 可 以 使 用 不 同 的 可 视 化 助理 来 设计 
页 面 。 


5. 编辑 区 


网 页 文件 的 编辑 区 域 是 Dreamweaver 8 的 文档 窗口 的 中 间 部 
分 。 启 动 Dreamweaver 8 时 ,就 创建 了 一 个 空白 的 网 页 文件 等 待 
编辑 ,网 页 编辑 区 的 大 小 可 以 通过 用 鼠标 拖 忠 编辑 区 右面 边框 线 
来 调整 ,或 者 单 击 编辑 区 右面 边框 线 上 的 按钮 ,完成 最 大 化 或 还 原 ”图 3-4 边框 线 按钮 
网 页 编辑 区 的 操作 ,如 图 3-4 所 示 。 


6. 状态 栏 
状态 栏 是 显示 当前 网 页 的 有 关 信 息 。 在 状态 栏 中 自 左 至 右 分 别 是 :标签 选择 器 、 页 面 
编辑 工具 .视窗 设置 菜单 .页 面 信息 框 等 ,如 图 3-5 所 示 , 它 们 的 特点 和 功能 如 下 : 


关 Untitled-1 (xHTEL) 


上 上 上 显 例 
具有 具有 具 示 比 大 小 和 下 载 时 间 


和 动 忆 DR ~ S02 x129v 1R/i 秘 


图 3-5 状态 栏 示意 图 
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1) 标签 选择 器 

在 编辑 网 页 时 ,设计 者 将 光标 置 于 网 页 某 个 位 置 , 便 会 在 标签 选择 器 中 显示 相应 的 
HTML 标签 , 单 击 HTML 标签 则 可 选择 网 页 中 相对 应 的 编辑 对 象 。 右 击 某 个 HTML 
标签 ,选择 快捷 菜单 中 相应 的 命令 ,可 对 HTML 标签 作 进 一 步 的 编辑 。 

2) 页 面 编辑 工具 

(1) 选取 工具 : 单 击 该 工具 后 ,可 以 用 鼠标 选取 网 页 文档 中 的 元 素 。 

(2) 手 形 工具 : 单 击 该 工具 后 ,可 以 在 [文档] 窗口 中 移动 当前 文档 。 

(3) 缩放 工具 : 该 工具 与 【设置 显示 比例 ] 下 拉 列 表 框 可 以 缩放 文档 的 显示 比例 。 

3) 视窗 设置 菜单 

在 【视窗 设置 ] 菜 单 中 显示 当前 文档 窗口 的 大 小 都 是 以 像素 为 单位 的 ,这 个 窗口 尺寸 
是 动态 显示 的 ,用 鼠标 拖 动 文档 窗口 边框 改变 窗口 大 小 时 ,显示 的 窗口 尺寸 也 会 随 之 改 
变 。 单 击 视窗 设置 框 右边 的 小 按钮 医 2 REE5 汪 ,在 弹出 的 下 拉 菜 单 中 选择 [编辑 大 小 】 命 
令 , 可 以 定制 窗口 的 大 小 尺寸 ,如 图 3-6 所 示 。 


三 


洁 冲 莹 二 二 二 二 油污 


| 
六 三 
Sn] 


| 


图 3-6 【状态 栏 参 数 选择 对 话 框 


4) 页 面 信息 框 

显示 网 页 容量 、 传 输 速 率 和 该 网 页 在 Internet 上 完全 下 载 的 时 间 ( 系 统 默认 的 连接 速 
度 为 56. 0Kb/ 秒 ) 。 例 如 ,了 ER 油 表 示 当 前 网 页 文档 大 小 为 25KB, 下 载 时 间 约 为 4 
秒 。 将 连接 速度 改 为 当前 主流 产品 的 速度 56Kb/ 秒 , 便 可 关注 当前 正在 编辑 的 网 页 下 载 
所 需 的 时 间 , 如 图 3-6 所 示 。 


7. 浮动 面板 和 浮动 面板 组 


Dreamweaver 8 的 浮动 面板 是 该 软件 的 一 个 特色 , 它 不 同 于 对 话 框 ,用 对 话 框 来 设置 
元 素 的 各 种 属性 后 ,必须 关闭 对 话 框 后 才能 看 到 设置 的 效果 。 利 用 浮动 面板 对 网 页 元 素 
进行 属性 设置 ,在 网 页 编辑 窗口 中 就 可 以 直接 看 到 操作 的 结果 ,避免 了 属性 设置 的 盲目 
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性 ,真正 实现 了 “所 见 即 所 得 ”的 实时 编辑 功能 。 浮 动 面 板 组 也 是 Dreamweaver 8 的 一 个 
特色 。 设 计 者 可 以 按 自己 的 需要 组 合 或 拆 分 浮动 面板 组 中 的 浮动 面板 。 

Dreamweaver 8 默认 的 浮动 面板 组 有 以 下 4 个 : 

(1)【CSS】 浮 动 面板 组 包含 [CSS 样式 ] 和 【 层 了 2 个 浮动 面板 ,主要 提供 网 页 设计 和 网 
页 格式 化 的 工具 。 

(2)【 应 用 程序 浮动 面板 组 包含 【数据库 】【 绑 定 】 【服务 器 行为 ]【 组 件 】34 个 浮动 
面板 ,主要 提供 动态 网 页 设计 和 数据 库 管理 的 工具 。 

(3)【 标 签 检查 器 了 浮动 面板 组 包含 【属性 了 和 【行为 32 个 浮动 面板 ,主要 功能 是 查看 
和 修改 网 页 元 素 的 属性 ,将 JavaScript( 客 户 端 ) 行 为 附加 到 页 面 元 素 上 。 

(4)【 文 件 ] 浮 动 面板 组 包含 【站 点 了 工资 源 ] 和 【代码 片断 ]3 个 浮动 面板 ,主要 功能 是 
查看 和 管理 站 点 中 的 各 种 文件 资源 。 

其 他 还 有 【结果 了 面板 组 是 为 设计 者 提供 搜索 验证 文件 .检查 超级 链接 、 站 点 报告 、 服 
务 器 调试 等 结果 信息 江 框 架 了 面板 和 【历史 纪录 了】 面板 是 为 设计 者 提供 框架 信息 和 操作 步 
又 记录 的 重要 面板 ,这 些 面板 和 面板 组 的 知识 将 在 以 后 的 章节 中 逐一 介绍 。 

常用 的 浮动 面板 组 的 操作 方法 如 下 : 

(1) 展开 和 折 革 浮动 面板 组 : Dreamweaver 8 的 每 个 浮动 面板 组 都 具有 展开 与 折 革 
的 功能 , 单 击 面板 左上 角 的 三 角 标 记 即 可 展开 与 折 炙 浮动 面板 组 ,如 图 3-7 所 示 。 


展开 浮动 面板 组 

行为 
Wd 国 | ,一 2” 
er 折 芝 浮动 面板 组 
A> onBefor... a 
Sh> onBefor. 
MY onBefor... TD 应 用 程序 
> onBefor... 一 
A onBsfor 标签 性 查 器 
党 过 下 文人 
h> onBefor. 
> onBlw 


图 3-7 展开 和 折 秋 的 浮动 面板 组 


(2) 移动 浮动 面板 组 : 将 鼠标 指针 指向 浮动 面板 组 左上 角 的 力 标 签 , 当 鼠标 指针 变 成 
4 个 方向 箭头 时 便 可 拖 动 浮动 面板 组 。 利 用 这 种 方法 可 将 浮动 面板 组 拖 离 浮动 面板 组 停 
靠 区 ,或 将 浮动 面板 组 拖 人 浮动 面板 组 停靠 区 。 

(3) 重新 组 合 浮动 面板 : 选中 浮动 面板 组 中 某 个 选项 卡 , 单 击 浮动 面板 组 右上 角 的 
园 按 钮 打开 下 拉 式 菜单 ,并 在 级 联 菜单 中 选择 与 当前 浮动 面板 组 合 的 浮动 面板 组 ,可 重 
新 组 合 浮动 面板 ,如 图 3-8 所 示 。 

(4) 浮动 面板 组 的 其 他 操作 : 选中 浮动 面板 组 中 的 某 个 选项 卡 , 单 击 浮动 面板 组 右 
上 角 的 国 按 钮 ,打开 下 拉 式 菜单 ,选择 [ 重 命名 面板 组 ] 命 令 , 可 在 弹出 的 【 重 命 名 面板 组 】 
对 话 框 中 给 面板 组 定制 一 个 个 性 化 的 名 字 , 如 图 3-9 所 示 ; 在 下 拉 式 菜单 中 选择 [最 大 化 
面板 组 ] 和 【关闭 面板 组 ] 命 令 , 便 可 完成 对 面板 组 的 相应 操作 。 
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重 命 名 面板 组 


图 3-9 【 重 命 名 面板 组 ] 对 话 框 


8. 属性 面板 


属性 面板 又 称 属性 检查 器 ,位 于 网 页 文件 编辑 区 下 方 ,是 用 来 显示 ,设置 和 修改 网 页 中 当 
前 选中 元 素 的 属性 的 重要 工具 。 选 择 [ 窗 口 〗【 属 性 ] 命 令 可 显示 或 隐藏 属性 面板 ,Ctrl 十 F3 快 
捷 键 是 显示 或 隐藏 属 性 面板 的 切换 开关 。 当 某 个 页 面 元 素 的 属性 被 修改 后 ,可 以 直接 在 编辑 
窗口 中 预览 到 元 素 被 修改 后 的 结果 ,真正 实现 了 交互 式 面对面 地 修改 网 页 元 素 的 功能 。 

对 于 选择 文字 表格. 层 .表单 等 不 同 的 元 素 , 属 性 面板 的 设置 内 容 也 会 相应 有 所 不 
同 。 男 外 ,为 了 不 过 多 地 遮挡 网 页 编辑 窗口 ,设计 者 还 可 根据 需要 单 击 属性 面板 右 下 角 的 
三 角形 按钮 ,展开 或 折 倒 属性 面板 ,如 图 3-10 所 示 的 是 图 像 属性 面板 ( 折 释 ) ,如 图 3-11 
所 示 的 是 表格 属性 面板 (展开 )。 属 性 面板 的 具体 使 用 方法 将 在 后 面 章节 中 逐一 介绍 。 


号 图 像 ，SK E AT 天 文件 车 1。7//z/mrritwy 吉 当局 苦 执 | 转 类 四 | 无 国 
高 馆 按 SD 同 四 避 过 本 0 辟 


图 3-10 图 像 属 性 面板 ( 折 释 ) 


CSs BaBxzr 和 本 全 洗 亚 。 己 接 | 


区 大 小 区 ~] 加 泪 入 经 埋 。 目 标 加 
国 招生 口 。 青 及 SD CEE ) 
四 大 标题 加 。。 青 信 党 色 加 | Ey 


图 3-11 表格 【属性 了 面板 (展开 ) 


在 Dreamweaver 8 中 ,打开 和 关闭 浮动 面板 的 操作 除了 在 浮动 面板 组 中 完成 外 ,还 可 
以 选择 [窗口 ] 中 的 相关 命令 或 按 相 应 的 快捷 键 来 完成 。 用 功能 键 F4 可 显示 或 隐藏 全 部 
浮动 面板 组 。 


3.2 创建 与 编辑 本 地 站 点 


一 个 网 站 的 站 点 可 以 看 成 是 一 系列 相关 文档 的 集合 ,设计 者 在 制作 一 个 网 站 时 ,实际 
上 是 将 这 些 相关 文档 通过 各 种 超级 链接 把 它们 联系 在 一 起 。 浏 览 者 通过 浏览 器 从 一 个 网 
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页 跳 转 到 另 一 个 网 页 ,从 而 实现 对 整个 网 站 的 访问 。 

Dreamweaver 8 除了 网 页 制作 以 外 的 另 一 项 功能 是 网 站 管理 ,利用 Dreamweaver 8 
的 网 站 管理 功能 可 对 位 于 Internet 服务 器 上 的 网 页 文件 直接 进行 编辑 操作 。 但 是 由 于 目 
前 网 络 速度 较 慢 和 网 络 不 稳定 等 因素 会 给 网 站 管理 和 文件 编辑 带 来 不 必要 的 麻烦 ,另外 
对 远程 Internet 服务 器 上 的 网 页 文件 进行 在 线 编辑 ,上 网 的 费用 也 是 很 昂贵 的 。 所 以 设 
计 者 一 般 都 是 先 在 本 地 计算 机 上 创建 网 站 的 本 地 站 点 ,设计 、 编 辑 和 调试 网 页 及 其 相关 文 
件 , 当 网 页 编辑 调试 完毕 后 ,再 利用 文件 上 传 工 具 将 本 地 站 点 的 内 容 上 传 到 Internet 服务 
器 上 ,完成 远程 站 点 的 构建 。 

先 建立 本 地 站 点 既 可 以 从 全 局 上 控制 网 站 的 结构 ,完成 对 网 页 的 编辑 调试 工作 ,又 可 
以 提高 效率 、 降 低 成 本 。 故 在 制作 网 页 前 , 先 在 本 地 计算 机 上 建立 一 个 本 地 站 点 是 十 分 必 
要 的 。 

创建 网 站 一 般 有 以 下 几 个 步骤 ， 

(1) 规划 站 点 : 了 解 建站 的 目的 ,收集 各 种 有 关 的 资料 。 确 定 站 点 的 主题 ` 风格、 网 
站 要 提供 的 服务 和 网 页 要 表达 的 主要 内 容 。 

(2) 创建 站 点 的 基本 结构 : 在 计算 机 中 创建 本 地 站 点 的 根 文件 夹 以 及 存放 各 种 资料 
的 子 文件 夹 ,配置 好 所 有 系统 的 参数 和 站 点 测试 路 径 。 

(3) 网 页 设计 : 充分 利用 收集 到 的 各 种 资料 ,合理 地 运用 Dreamweaver 8 提供 的 技 
术 ,最 完美 地 设计 出 能 表达 网 站 中 心思 想 的 网 页 页 面 。 


3.2.1 创建 本 地 站 点 


创建 本 地 站 点 是 网 页 设计 的 第 一 步 操作 ,而 且 是 至 关 重 要 的 操作 ,本 地 站 点 创建 的 正 
确 与 否 直 接 影响 到 网 页 设计 是 否 成 功 。 初 学 者 必须 牢记 :设计 的 网 页 和 网 页 上 用 到 的 文 
字 、 图 像 . 声 音 、 视 频 等 各 种 元 素 都 必须 保存 到 本 地 站 点 之 中 。 

所 谓 本 地 站 点 就 是 在 本 地 计算 机 的 硬盘 上 创建 一 个 文件 夹 , 并 把 这 个 文件 夹 设置 为 
本 地 站 点 的 根 文件 夹 。 在 网 页 制作 中 将 会 使 用 大 量 的 图 片 、 照 片 . 动 画 文件 和 文本 文件 ， 
一 个 比较 成 熟 的 网 站 会 有 很 多 各 种 类 型 的 文件 ,为 了 便于 管理 可 在 本 地 站 点 的 根 文件 夹 
中 分 门 别 类 地 建立 子 文件 夹 ,然后 按 类 型 把 不 同 的 文件 存放 在 不 同 的 子 文件 夹 中 ,这 样 站 
点 结构 清晰 明了 ,文件 管理 更 加 方便 。 

创建 本 地 站 点 的 操作 步骤 如 下 : 

(1) 选 括 [ 站 点 了 (新 建站 点 了 命令 ,打开 【站 点 定义 对 话 框 , 如 图 3-12 所 示 。 在 【 基 
本 】 选 项 卡 的 站 点 名 称 文本 框 中 输入 站 点 名 称 , 本 例 输入 "My site”。 

(2) 单 击 【高 级 ] 标 签 ,在 [高级] 选项 卡 中 设置 本 地 站 点 的 参数 ,如 图 3-13 所 示 。 

(3) 在 对 话 框 左 侧 的 [分 类 列表 中 显示 了 站 点 设置 的 多 类 选择 ,从 中 选 定 不 同 选项 
后 ,其 右 侧 选项 卡 中 将 显示 不 同 的 设置 内 容 ,选择 [本 地 信息 3 选项 可 设置 本 地 站 点 。 

(4) 在 【站 点 名 称 ] 文 本 框 中 输入 当前 编辑 的 站 点 名 称 。 本 例 可 用 “My site” 作 为 站 点 
的 名 称 。 设 计 者 可 能 会 创建 多 个 站 点 ,站 点 名 称 是 站 点 的 标识 ,便于 Dreamweaver 8 对 各 
个 站 点 分 别管 理 。 站 点 名 称 可 以 是 不 包括 :“”“/”“:”“;”“x*”“?”“)”“《”“|” 符 
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了 7 site 的 站 点 定义 为 


ee Jreanweayer 中 的 站 点 是 文件 和 文件 夹 的 集合 ， 它 对 应 于 服务 器 上 的 Web 


您 打工 为 您 的 站 点 起 什么 名 字 ? 

Ny site 

示例 ; ysSite 

您 的 站 点 的 HTTP 地址 (VRL) 是 什么 了 
http /| 

示例 : http://wrw. nyllost. con/mySite 
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图 3-12 【站 点 定义 对 话 框 


了 7 site 的 站 点 定义 为 


本 地 信息 


站 点 名 称 四 : [my site 


报 务 器 
Sy 本 地 根 文件 到 @): [CUI site 
局 


自动 刷新 本 地 文件 列表 EE) 
Contribute 
默认 图 像 文件 夹 I); |c: Wiy site\ina\ 


链接 相对 于 ; @ 讽 档 而 】 〇 站 点 根 目录 G) 
TTP 地 址 00: |http:// 


ne 


区 分 大 小 写 的 链接 : 器 ] 使 用 区 分 大 小 写 的 链接 检查 UW) 
缓存 : 加 启用 缓存 了) 


| 


图 3-13 【本 地 站 点 参数 设置 ] 对 话 框 


号 的 其 他 字符 。 
(5) 在 [本 地 根 文件 夹 ] 文 本 框 中 输入 本 地 站 点 所 对 应 的 本 地 根 文件 夹 , 指 明 当前 创 
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建 的 网 页 所 在 的 位 置 。 单 击 文本 框 右 侧 的 国 按 钮 ,可 用 浏览 的 方式 确定 本 地 站 点 的 路 
径 。 若 在 文件 列表 区 域 右 击 ,可 利用 快捷 菜单 新 建 一 个 文件 夹 ,并 可 将 其 指定 为 本 地 根 文 
件 夹 。 

(6) 选中 [自动 刷新 本 地 文件 列表 】 复 选 框 后 , 当 设 计 者 将 文件 复制 到 站 点 有 关 的 文 
件 夹 中 时 ,系统 会 自动 更 新 站 点 文件 列表 。 如 果 不 选 该 复 选 框 , 则 要 单 击 站 点 管理 器 窗口 
中 的 [刷新 ] 按 钮 网, 才能 自动 更 新 站 点 的 文件 列表 。 

(7) 在 [默认 图 像 文 件 夹 文本 框 中 输入 本 地 站 点 中 所 对 应 的 图 像 文件 夹 ,指明 当前 
创建 的 网 页 所 用 图 片 的 位 置 。 单 击 文本 框 右 侧 的 按钮 ,可 用 浏览 的 方式 确定 本 地 站 点 
中 图 像 文 件 夹 的 路 径 。 

(8) 在 【链接 相对 于 选项 中 ,选择 【文档 ] 选 项 ,可 创建 从 一 个 文档 到 同一 站 点 上 另 一 
个 文档 的 超级 链接 ,也 就 是 使 用 文档 相对 路 径 创 建 超级 链接 ;选择 [站 点 根 目录 】 选 项 , 必 
须 从 站 点 的 根 文件 夹 到 文档 的 路 径 创建 超 级 链接 ,而 且 一 定 要 在 下 一 步 中 指定 
HTTP 地 址 。 

注意 :【 站 点 根 目 录 】 相 对 路 径 提供 了 从 站 点 的 根 文件 夹 到 文档 的 路 径 。 如 果 在 处 理 
使 用 多 个 服务 器 的 大 型 Web 站 点 ,或 者 在 使 用 承载 有 多 个 不 同 站 点 的 服务 器 , 则 可 能 需 
要 使 用 这 些 类 型 的 路 径 。 一 般 情况 下 ,应 使 用 文档 相对 路 径 。 

(9) 在 [HTTP 地 址 ] 文 本 框 中 ,输入 当前 网 页 将 要 使 用 的 网 址 。 如 果 设 计 者 已 经 申 
请 了 域名 ,可 在 此 文本 框 中 输入 申请 好 的 域名 。 如 网 站 的 网 址 是 : http//202. 121. 160. 
100 可 将 此 网 址 输入 到 【HTTP 地 址 了 的 文本 框 中 。 

(10) 选中 [缓存 】 这 个 复 选 框 后 ,Dreamweaver 8 会 给 这 个 本 地 站 点 设置 一 个 缓存 ， 
以 提高 站 点 管理 的 速度 。 

(11) 完成 以 上 设置 后 单 击 【 确 定 ] 按 钮 .新 的 本 地 站 点 就 创建 完毕 了 。 

在 【分 类 了 列表 中 的 另外 7 类 选择 分 别 是 :【 远 程 信息 】【 测 试 服务 器 】【 谈 盖 】 【设计 
备注 ]【 站 点 地 图 布局 】 【文件 视图 列 ]【Contribute】]。 用 Dreamweaver 8 对 站 点 管理 器 
以 及 系统 设置 进行 调整 的 方法 将 在 第 11 章 中 作 详 细 的 介绍 。 对 于 初学 者 来 说 这 7 类 选 
择 的 参数 不 妨 采 用 系统 默认 值 。 


3.2.2 本 地 站 点 中 的 文件 操作 


选择 [窗口 3 人 文件] 命令 ,可 以 打开 【文件 了 浮动 面板 ,并 选择 当前 的 本 地 站 点 和 【本 地 
视图 选项 ,就 可 以 对 本 地 站 点 下 的 文件 进行 操作 ,完成 选择 .添加 新 文件 和 文件 夹 , 剪 切 、 
粘贴 ,复制 .删除 、 重 命名 文件 等 操作 ,具体 操作 方法 如 下 : 


1. 在 本 地 站 点 中 新 建文 件 夹 


在 本 地 站 点 中 新 建文 件 夹 可 打开 [文件 】 浮 动 面板 , 单 击 【文件 面板 右上 角 的 菜单 按 
钮 ,选择 【文件 ] 民 新 建 ] 民 新 建文 件 夹 ] 命 令 ,然后 在 本 地 文件 列表 中 命名 新 建 的 文件 夹 ， 
便 可 完成 新 建文 件 夹 的 操作 。 
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2. 在 本 地 站 点 中 新 建文 件 


与 在 本 地 站 点 中 新 建文 件 夹 一 样 , 若 要 在 站 点 中 新 建文 件 , 可 打开 【文件 了 浮动 面板 ， 
选择 [文件 ] 民 新 建 ] 民 新 建文 件 ] 命 令 ,然后 在 本 地 文件 列表 中 命名 新 建 的 文件 ,这 样 便 可 
完成 新 的 网 页 文件 的 创建 。 


3. 在 站 点 中 选择 多 个 文件 


打开 【文件 了 浮动 面板 ,然后 在 本 地 文件 列表 中 选择 多 个 文件 ,操作 方法 如 下 : 

(1) 单 击 第 一 个 文件 , 按 住 Shift 键 ,然后 单 击 最 后 一 个 要 选择 的 文件 ,可 选择 一 组 连 
续 的 文件 。 

(2) 按 住 Ctrl 键 ,然后 单 击 要 选择 的 文件 ,可 选择 一 组 不 连续 的 文件 。 


4. 在 本 地 站 点 中 剪 切 、 粘 贴 .复制 .删除 、 重 命名 文件 


打开 [文件 ] 浮 动 面板 ,然后 在 本 地 文件 列表 中 可 完成 文件 剪 切 、 粘 贴 , 复 制 、 删 除 、 重 
命名 操作 。 可 先 选中 要 操作 的 文件 , 右 击 选中 的 对 象 , 在 快捷 菜单 中 选择 [编辑 〗 选 项 中 相 
应 的 命令 ,或 按 相 应 的 快捷 键 便 可 完成 相应 的 文件 操作 。 


3.3 网 页 文件 的 基本 操作 


在 了 解 了 有 关 站 点 创建 与 管理 方面 的 知识 后 , 接 下 来 就 可 以 设计 网 站 的 页 面 了 。 在 
创建 网 页 前 ,必须 先 定义 本 地 站 点 。 


3.3.1 创建 .打开 和 保存 网 页 文件 


网 页 的 创建 ,打开 和 保存 是 制作 网 页 的 最 基本 操作 ,以 下 就 先 来 介绍 这 些 基 本 操作 。 
1. 创建 HTML 文档 


创建 空白 文档 有 下 述 两 种 方法 : 

(1) 启动 Dreamweaver 8 ,在 起 始 页 的 [创建 新 项 目 ] 中 选择 CHTMIL] 选 项 ,可 直接 创 
建 一 个 空白 页 面 ,等 待 编辑 。 

(2) 在 Dreamweaver 8 已 启动 或 正在 使 用 的 情况 下 ,选择 【文件 ] 代 新 建 ] 命 令 , 可 打 
开 【 新 建文 档 ] 对 话 框 ,在 [常规 了 选项 卡 的 5 类别] 中 选择 [基本 页 了 ,如 图 3-14 所 示 ,并 单 击 
【创建 ] 按 钮 确认 。 

用 第 2 种 方法 来 创建 新 文档 时 ,Dreamweaver 8 会 启动 一 个 新 网 页 窗口 ,可 在 当前 窗 
口中 编辑 新 网 页 。 原 来 窗口 中 仍然 显示 以 前 的 网 页 内 容 , 此 时 原 窗口 被 切换 到 后 台 。 可 
以 通过 单 击 Dreamweaver 8 窗口 左上 角 的 标签 ,进行 两 个 Dreamweaver 8 窗口 的 切换 ,或 
选择 Dreamweaver 8 的 [窗口] 菜单 ,完成 相应 的 窗口 的 切换 。 
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bod de de 
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文档 类 型 0TD) 
XITWL 1.0 Transitional Eq 


mns 


图 3-14 【新 建文 档 ] 对 话 框 


2. 打开 已 建 的 HTML 文档 


打开 已 建 的 HTML 文档 的 常用 方法 有 3 种 : 

(1) 在 Windows 操作 系统 的 资源 管理 器 中 选中 要 打开 的 文件 图 标 右 击 , 然 后 从 快捷 
菜单 中 选择 【使 用 Dreamweaver 8 编辑 】 命 令 , 便 可 打开 该 文档 。 

(2) 在 Dreamweaver 8 已 启动 的 情况 下 ,选择 【文件 ] 民 打开 命令, 这 时 会 出 现 【 打 
开 ] 对 话 框 ,选择 需要 打开 的 文件 , 单 击 [ 打 开 ] 按 钮 , 便 可 打开 该 文档 。 

(3) 在 【文件 了 浮动 面板 的 本 地 视图 中 双击 要 打开 的 文件 图 标 , 便 可 打开 该 文件 。 

用 上 述 3 种 方法 打开 文件 时 ,系统 会 在 新 的 Dreamweaver 8 网 页 编辑 窗口 中 打开 指 
定 的 文件 。 如 果 该 文件 已 被 打开 , 则 会 自动 切换 到 该 文件 的 窗口 。 


3. 保存 指定 文件 


保存 指定 文件 的 常用 方法 有 3 种 : 

(1) 若 在 网 页 文件 编辑 区 同时 打开 了 多 个 Dreamweaver 8 的 窗口 ,应 切换 到 要 保存 
文件 的 网 页 编辑 窗口 ,然后 选择 【文件 了 民 保 存 ] 命 令 ,或 按 Ctrl 十 S 快捷 键 ,保存 文件 。 

(2) 若 希 望 当前 文档 以 另外 的 路 径 和 文件 名 保存 , 则 可 选择 [文件 ] 代 另存 为 命令 ， 
然后 在 【保存 为 了 对 话 框 中 ,输入 正确 的 路 径 和 文件 名 ,保存 当前 文件 。 

(3) 在 网 页 设计 过 程 中 ,有 时 会 同时 打开 了 多 个 Dreamweaver 8 文档 窗口 ,编辑 多 个 
网 页 文件 。 若 希望 保存 全 部 文件 ,可 选择 菜单 [文件 3I〖【 保 存 全 部 ] 命 令 , 则 可 保存 所 有 打 
开 的 Dreamweaver 8 窗口 中 正在 编辑 的 文件 。 若 某 些 窗口 中 的 文件 尚未 保存 过 , 则 会 出 
现 [ 保 存 为 ] 对 话 框 ,输入 该 文件 的 路 径 和 名 称 , 然 后 单 击 【 保 存 ] 按 钮 , 即 可 将 其 保存 。 


4. 关闭 文件 
切换 到 要 关闭 的 文档 编辑 窗口 ,选择 [文件 〗I【 关 闭 ] 命 令 ,关闭 文件 。 


若 文件 尚未 保存 , 则 会 出 现 提 示 对 话 框 , 提 示 要 保存 文件 。 单 击 【是 了 按钮 则 保存 文 
件 , 单 击 【 否 ] 按 钮 则 不 保存 文件 , 单 击 【 取 消 ] 按 钮 则 放弃 关闭 操作 。 


3.3.2 设置 网 页 的 页 面 属 性 


在 创建 新 网 页 时 ,默认 的 页 面 总 是 以 白色 为 背景 ,没有 背景 图 像 . 没 有 标题 。 制 作 一 
个 网 页 页 面 时 ,一 般 需 要 先 对 网 页 的 页 面 标题 ,背景 图 像 和 颜色 ,文本 和 超级 链接 的 颜色 、 
文件 的 文字 解码 方式 和 文件 中 各 元 素 的 颜色 等 属性 进行 设置 。 

选择 [修改 】I【 页 面 属性 ] 命 令 , 打 开 [ 页 面 属性 ] 对 话 框 ,如 图 3-15 所 示 。 设 计 者 可 对 
网 页 页 面 的 各 项 参数 进行 设置 ,各 项 参数 具体 意义 如 下 : 


像素 Gx) 国 | 


保 素 0x) 国 | 右边 距 8); 人 素 cx) 国 
修 素 0x) 圈 | 下 边 距 ); 像素 Gx) 图 | 


图 3-15 【页 面 属性 设置 对话 框 


1. 外 观 


在 [分 类 3] 列表 中 选择 [外 观 】 选 项 ,主要 参数 意义 如 下 : 

(1) 在 【页面 字体 J 下 拉 列 表 中 选择 网 页 上 主要 的 文字 字体 。 

(2) 在 [大 小 ] 下 拉 列 表 中 选择 网 页 上 主要 的 文字 的 大 小 。 

(3) 在 [文本 颜色 下 拉 列 表 中 选择 网 页 上 文字 的 颜色 。 

在 设计 网 页 时 就 会 以 设置 好 文字 的 【页 面 字体 【大 小 ] 和 [文本 颜色 ] 输 入 文本 ,要 改 
变 网 页 文本 的 格式 可 以 在 属性 面板 中 完成 。 

(4) 在 [背景 颜色 ] 文 本 框 中 ,设置 页 面 的 背景 颜色 。 如 果 同 时 使 用 背景 图 像 和 背景 
颜色 ,下 载 图 像 时 会 出 现 颜 色 ,然后 图 像 覆 盖 颜 色 。 如 果 背 景 图 像 包 含 任何 透明 像素 , 则 
背景 颜色 会 透 过 背景 图 像 显 示 出 来 

(5) 在 [背景 图 像 ] 文 本 框 中 ， 输入 页 面 彰 景 图 片 的 路 径 和 文件 各 ， 或 者 单 击 文 本 框 右 
边 的 [浏览 3 按钮 ,在 打开 的 【选择 图 像 源 ] 对 话 框 中 选择 背景 图 片 的 路 径 和 文件 名 ,如 图 
3-16 所 示 。 选 中 文件 后 单 击 【确认 3 按钮 确认 。 

(6) 在 【重复 】 下 拉 列 表 中 选择 设置 背景 图 像 的 显示 方式 ,通常 选择 【重复 选项 。 

(7) 在 【左边 距 】 民 右边 距 】3【 上 边 距 3 和 【下 边 距 3 文本 框 中 ,设置 整个 页 面 到 浏览 器 
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图 3-16 【图 片 文件 选择 ] 对 话 框 
左 、 右 侧 边 缘 和 顶部 、 底 部 边缘 的 距离 ,通常 设置 为 0。 
2. 链接 
在 [分 类 ] 列 表 中 选择 [链接 】 选 项 ,如 图 3-17 所 示 。 主 要 参数 意义 如 下 : 


图 3-17 设置 中 超级 链接 属性 


(1) 在 [链接 字体 【大 小 ] 和 【链接 颜色 ] 文 本 框 中 ,设置 网 页 文件 中 默认 的 超级 链接 
文本 的 字体 、 大 小 和 颜色 。 

(2) 在 [变换 图 像 链接 3【 访 问 过 的 链接 3【 活 动 链接 和 【下 划 线 样式 ] 文 本 框 中 , 设 
置 网 页 文件 中 超级 链接 的 样式 。 


3. 标题 


在 【分 类 列表 中 选择 【标题 选项 ,可 在 对 话 窗口 中 设置 页 面 标题 的 字体 .文字 大 
小 等 参数 。 标 题 的 设置 可 以 帮助 站 点 访问 者 在 浏览 该 网 页 时 明了 所 查看 的 内 容 。 如 
果 不 给 页 面 加 标题 ,页 面 会 在 浏览 器 窗口 .书签 列表 和 历史 记录 列表 中 显示 为 无 标题 
文档 。 


4. 标题 /编码 


在 【分 类 了 列表 中 选择 【标题 /编码 选项 ,可 指定 用 于 制作 网 页 页 面 时 所 用 语言 的 文档 
编码 类 型 ,以 及 指定 要 用 于 该 编码 类 型 的 Unicode 标准 化 表单 ,如 图 3-18 所 示 。 主 要 参 
数 意 义 如 下 : 


标题 中: | 应 用 实例 
文档 关 型 0TD | nm 1.0 rrmsitimau 图 


匾 码 回 :| 简体 中 文 (582312) ~ 
Unicode 标准 人 表单 Cj: 天 ~| 


口 包括 Wicode 签名 Po) @) 


文件 文件 买 : 
站 点 文件 买 : :ly site\ 


图 3-18 设置 [标题 /编码 ] 属 性 


(1) 在 [标题 ] 文 本 框 中 ,输入 当前 网 页 文档 的 标题 。 

(2) 在 【文档 类 型 ] 下 拉 列 表 框 中 选择 文档 类 型 。 可 从 菜单 中 选择 [XHTML 1. 0 
Transitional 或 [XHTML 1.0 Strict] ,使 HTML 文档 与 XHTML 兼容 。 

(3) 在 【编码 3 下 拉 列 表 框 中 ,设置 用 于 文档 中 的 字符 编码 方式 。 


5. 跟踪 图 像 


在 【分 类 列表 中 选择 【跟踪 图 像 3 选 项 后 ,可 在 对 话 窗口 中 设置 页 面 的 跟踪 图 像 ,所 谓 
跟踪 图 像 是 指 设计 时 作为 参考 的 图 像 。 该 图 像 只 供 参 考 , 当 文档 在 浏览 器 中 显示 时 并 不 

(1) 在 [跟踪 图 像 ] 文 本 框 中 ,输入 页 面 跟 踪 图 像 的 路 径 和 文件 名 ,或 者 单 击 文本 框 右 
边 的 [浏览 按钮 ,在 打开 的 [选择 图 像 源 ] 对 话 框 中 选择 跟踪 图 像 的 路 径 和 文件 名 。 选 中 
文件 后 单 击 【确认 按钮 确认 。 

(2) 在 【图 像 透 明度 】 下 拉 列 表 框 中 ,可 设置 跟踪 图 像 的 透明 度 。 页 面 属性 设置 完毕 
后 , 单 击 【确认 】 按钮 确认 。 


3.3.3 设置 网 页 元 素 的 颜色 


在 网 页 设计 时 ,经常 要 对 页 面 背 景 文字 、 链 接 .激活 的 链接 设置 颜色 。 一 种 颜色 可 以 
由 色调 、 亮 度 、 饱 和 度 来 定义 ,也 可 以 由 其 所 含 的 红 、 绿 、 蓝 (RGB) 色 的 比例 所 对 应 的 值 来 
定义 。 例 如 在 Dreamweaver 8 中 对 文字 设置 颜色 ,可 选择 [文本 】I【 颜 色 ] 命 令 , 打 开 [ 颜 
色 】 对 话 框 ,如 图 3-19 所 示 。 在 这 个 对 话 框 中 可 以 选择 【基本 颜色 】, 也 可 以 通过 右 侧 的 色 
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板 和 滑 块 来 选择 新 的 颜色 ,并 把 选中 的 新 颜色 添加 到 【 自 定 义 颜 色 】 中 去 。 还 可 以 用 
Dreamweaver 8 中 颜色 的 工具 【吸管 来 检测 选取 颜色 。 


自 定 义 颜色 CC): 
muss ms mm 


nmnssssss [下 


规定 自 定义 颜色 @) >》 


图 3-19 【颜色 对话 杠 


在 HTML 语言 中 ,颜色 可 用 十 六 进 制 数字 表示 ,其 范围 是 000000H 一 FFFFFFH。 
Windows 操作 系统 中 ,在 256 色 模 式 下 显示 的 颜色 在 网 页 制作 中 被 称 为 安全 色 ( 实 际 上 ， 
只 有 216 个 颜色 是 Web 安全 色 )。 如 果 颜 色 超 出 该 范围 ,在 不 同 的 浏览 平台 上 可 能 显示 
不 同 的 颜色 ,从 而 可 能 会 破坏 网 页 的 整体 效果 。 

在 3.3.2 节 中 ,对 页 面 的 青 景 , 文 字 等 元 素 设置 颜 [用 aaglel 
色 时 ,系统 打开 颜色 选取 窗口 ,如 图 3-20 所 示 。 用 吸管 
在 颜色 区 移动 时 ,窗口 中 的 颜色 框 将 放大 显示 该 颜色 ， 
单 击 即 可 选取 该 颜色 。 另 外 在 设置 颜色 时 ,也 可 直接 在 
选取 颜色 的 文本 框 中 输入 表示 颜色 的 带 “# ?号 的 十 六 
进 制 数字 , 如: # FFFFFF 表示 白色 、# FF0000 表示 
红色 。 

在 网 页 设计 时 单 击 属性 面板 中 [文本 颜色 ] 按 钮 ,鼠标 指针 就 变 成 吸管 ,用 吸管 来 测试 
图 片上 的 颜色 ,然后 将 获得 的 带 “# ?号 的 十 六 进 制 数字 输入 到 颜色 设置 的 文本 框 中 ,用 这 
种 方法 可 以 较 方 便 、 准 确 地 完成 颜色 的 设置 。 


3.3.4 网 页 文本 的 编辑 


Dreamweaver 8 是 一 种 “所 见 即 所 得 "的 网 页 设计 工具 ,设计 者 可 直接 输入 西 文字 符 
或 利用 中 文 操作 系统 的 某 种 汉字 输入 法 输入 汉字 ,然后 用 Dreamweaver 8 的 文本 格式 化 
工具 对 文本 进行 格式 化 ,在 网 页 编辑 窗口 中 能 直接 见 到 文本 格式 化 的 结果 。 


1. 网 页 中 文本 输入 


网 页 中 文本 输入 的 方法 如 下 : 
(1) 页 面 文本 输入 还 可 以 选择 【文件 了 代 导入 了 代 导 入 Word 文档 ] 命 令 , 直 接 导 入 


图 3-20 ”颜色 选取 窗口 
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Word 文档 。 

(2) 在 文字 处 理 软件 的 窗口 中 选 定 需要 的 文本 , 按 Ctrl 十 C 快捷 键 将 选中 的 文本 复 
制 到 剪贴 板 ,然后 再 切换 到 Dreamweaver 8 网 页 编辑 窗口 , 按 Ctrl 十 V 快捷 键 将 选中 的 文 
本 粘贴 到 指定 的 位 置 。 

(3) 直接 从 键盘 上 输入 西 文字 符 或 利用 中 文 操作 系统 的 某 种 汉字 输入 法 输入 汉字 。 

2. 设置 汉字 的 字体 列表 

在 网 页 设计 时 ,车 需要 输入 汉字 ,应 先 定义 该 汉字 的 字体 列表 。 所 谓 字体 列表 就 是 设 
计 者 经 常 要 用 的 多 种 字体 的 一 个 组 合 列 表 。Dreamweaver 8 预先 已 经 定义 了 一 个 默认 的 
字体 列表 ,设计 者 可 根据 自己 的 需要 将 经 常 要 用 的 字体 添加 到 字体 列表 中 去 。 

将 各 种 汉字 字体 添加 到 字体 列表 中 去 的 操作 方法 如 下 : 

(1) 选择 [文本 】I【 字 体 】 【编辑 字体 列表 命令 ,在 【可 用 字体 ] 列 表 中 选择 字体 ,并 
用 按钮 芍 将 选中 的 字体 移 到 [选择 的 字体 列表 中 候选 ;用 按钮 团 删除 【选择 的 字体 3 列表 
中 候选 的 字体 ,如 图 3-21 所 示 。 


编辑 字体 列表 


图 3-21 【编辑 字体 列表 】 对 话 框 


(2) 在 【编辑 字体 列表 对 话 框 中 ,可 用 加 号 辆 按钮 增加 或 用 减 号 按钮 图 删除 一 种 
字体 。 

所 选择 的 字体 必须 已 经 安装 在 计算 机 系统 内 才能 使 用 ,否则 系统 会 使 用 默认 字体 显 
示 ( 一 般 为 宋体 ) 。 

在 设置 【页面 属性 了 的 【页 面 字体 ] 和 设置 【属性 了 面板 的 【字体 ] 时 ,都 可 以 编辑 字体 
列表 。 


3. 输入 网 页 中 的 空格 


在 编辑 网 页 中 文字 时 ,常常 要 在 文档 中 插 和 人 空格。 插入 空格 的 操作 方法 有 以 下 3 种 : 

(1) 将 汉字 输入 方式 设置 为 全 角 方 式 , 按 空格 键 可 输入 空格 。 

(2) 在 [属性] 面板 中 ,选择 [格式 J 下 拉 列 表 框 中 的 【预先 格式 化 的 〗 选 项 ,然后 就 可 在 
编辑 网 页 时 输入 空格 。 

(3) 按 Shift 十 Ctrl 十 Space 快捷 键 插入 空格 。 每 按 一 次 快捷 键 可 插入 一 个 空格 。 
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4. 文本 换行 


在 网 页 文字 编辑 时 ,文本 的 换行 有 如 下 几 种 方法 : 

(1) 自动 换行 : 在 输入 文字 时 ,一 行 长 度 超过 了 文档 窗口 的 显示 范围 , 则 后 面 输入 的 
文字 将 自动 换 到 下 一 行 。 自 动 换 行 的 好 处 在 于 不 管 浏览 器 的 窗口 大 小 ,网 页 文字 都 将 按 
照 窗口 大 小 自动 换行 。 

(2) 按 Enter 键 换行 : 输入 文字 后 按 Enter 键 换行 , 则 文字 分 成 段 , 上 下 段 之 间 空 
一 行 。 

(3) 按 Shift 十 Enter 快捷 键 换行 : 输入 文字 后 按 Shift 十 Enter 快捷 键 换行 , 则 文字 分 
行 不 成 段 , 上 下 行 之 间 无 空 行 。 

(4) 用 特殊 字符 换行 : 单 击 【 插 入 ] 栏 的 [文本 】 选 项 ,在 [文本 】 选 项 卡 中 单 击 辆 按钮 ， 
可 实现 与 按 Shift 十 Enter 快捷 键 相同 的 换行 效果 。 


5. 文本 的 属性 设置 


网 页 中 的 文本 有 各 种 表现 形式 ,文本 的 各 种 变化 形式 在 Dreamweaver 8 的 文本 【 属 

性 了 面板 中 就 可 以 很 方便 地 完成 其 设置 ,如 图 3-22 所 示 。 文 本 的 【属性 了 面板 是 
Dreamweaver 8 的 默认 的 属性 面板 ,其 中 各 项 参数 的 意义 如 下 : 
[ee 
| 本质 “加 机 [Smel 国 CEsaxeEEsSsm mr oo 9 
字 俯 方正 相信 和 夫 相 [14 CETH I ] 泣 泣 二 二 。 目标 可 


CXWEE [3 ] 


图 3-22 文本 的 属性 面板 


(1) 在 [格式] 下拉 列表 框 中 ,设置 当前 文本 段落 的 格式 。 

(2) 在 [样式 ] 下 拉 列 表 框 中 ,显示 当前 应 用 于 所 选 文本 的 样式 。 如 果 没 有 对 所 选 内 
容 应 用 过 任何 样式 , 则 下 拉 列 表 显示 【无 CSS 样式 ]。 如 果 已 对 所 选 内 容 应 用 了 多 个 样 
式 , 则 下 拉 列 表 是 空 的 。 单 击 [CSS】 按 钮 可 以 打开 [CSS】 面 板 。 

(3) 出 | 司 | 如 | 副 | 国 是 文字 加 粗 、 斜 体 、 左 对 齐 、 居 中 、 右 对 齐 等 格式 化 的 按钮 。 

(4) 在 [链接 ] 下 拉 列 表 框 中 ,为 选 定 文本 设置 超级 链接 地 址 。 区 是 链接 定位 器 ,用 于 
创建 超级 链接 。 阿 是 用 浏览 的 方式 选中 被 链接 的 文档 。 

(5) 在 [字体 J 下 拉 列 表 框 中 设置 选中 文字 的 字体 。 在 【大 小 ] 下 拉 列 表 框 中 ,设置 选 
中 文字 的 大 小 。 在 园 Ease 框 中 可 选择 文字 的 颜色 ,或 在 右边 的 文本 框 中 直接 输入 表示 颜 
色 的 带 “# ”号 的 十 六 进 制 数字 。 

(6) [ 转 加 于 加 是 设置 无 序 项 目 符号 .有 序 项 目 符号 , 左 缩 进 , 右 缩 进 的 格式 化 按钮 。 

(7) 在 【目标 下 拉 列 表 框 中 ,选择 被 链接 文件 的 窗口 打开 方式 。 该 下 拉 列 表 框 中 的 4 
种 显示 方式 如 下 : 

_blank: 在 新 的 浏览 器 窗口 中 显示 链接 的 目标 文档 。 

_parent: 将 链接 文件 加 载 到 包含 该 链接 的 父 框架 集 或 窗口 中 。 如 果 包 含 链接 的 框架 
不 是 嵌 套 的 , 则 链接 文件 加 载 到 整个 浏览 器 窗口 中 。 
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_self: 在 同一 框架 或 本 窗口 中 显示 链接 的 目标 文档 。 

_top: 将 链接 文件 加 载 到 整个 浏览 器 窗口 中 ,并 由 此 删除 所 有 框架 。 

(8) [ 国 | 展开 或 折 码 属性 面板 的 切换 按钮 。 

(9) 图 是 HTML 标记 编辑 器 。 加 是 帮助 信息 按钮 。 

对 网 页 中 文本 设置 属性 时 ,只 需 先 选 定 要 进行 属性 设置 的 文本 ,然后 在 文本 的 [属性 】 
面板 中 选择 相应 的 参数 完成 属性 设置 。 


3.3.5 网 页 图 像 的 编辑 


网 页 中 除了 文本 之 外 ,另外 一 个 主要 元 素 就 是 图 像 。 图 像 不 但 能 美化 页 面 , 而 且 能 更 
加 直观 地 表达 网 页 的 主题 和 想 要 传递 的 信息 。 


1. 网 页 图 像 格式 简介 


图 像 文件 有 各 种 各 样 的 格式 ,在 用 Dreamweaver 8 设计 网 页 时 主要 用 到 3 种 格式 的 
图 像 文件 ,它们 是 GIF JPEG 和 PNG。 

(1) GIF(Graphics Interchange Format) 是 图 像 交 换 格式 的 简称 。 它 采用 图 像 无 损 压 
缩 方 式 , 可 以 较 好 地 解决 跨 平 台 的 兼容 性 问题 。 它 只 支持 256 种 颜色 的 色彩 ,对 色彩 要 求 
不 高 的 地 方 可 采用 这 种 图 像 格 式 。 另 外 ,GIF 文件 还 支持 动画 格式 , 它 是 通过 在 一 个 动画 
文件 中 包含 多 帧 画面 来 实现 动画 效果 。GIF 文件 体积 较 小 ,在 网 页 上 被 大 量 使 用 。 

(2) JPEG(Joint Photographic Experts Group) 是 联合 图 像 专家 组 的 简称 。 主 要 用 于 
处 理 分 辨 率 较 高 色彩 丰富 的 图 像 , 它 可 以 提供 上 百 万 种 颜色 ,由 于 采用 了 特殊 的 压缩 算 
法 ,在 图 像 失真 很 小 的 情况 下 对 图 像 进行 高 效 的 压缩 ,从 而 在 网 络 中 减少 了 下 载 的 时 间 。 

(3) PNG(Portable Network Graphic) 是 便携 网 络 图 像 的 简称 。PNG 格式 是 一 种 替 
代 GIF 格式 的 无 专利 权限 制 的 格式 , 它 包 括 对 索引 色 、 灰 度 、 真 彩色 图 像 以 及 Alpha 通道 
透明 的 支持 ,Fireworks 生成 的 文件 就 是 PNG 格式 的 文件 , 它 保 留 所 有 原始 层 、 和 撩 量 、 颜 
色 和 效果 信息 (例如 阴影 ), 并 且 在 任何 时 候 所 有 元 素 都 是 完全 可 编辑 的 。 这 种 图 像 的 格 
式 受 到 W3C 组 织 的 大 力 推荐 ,在 网 络 上 已 得 到 广泛 的 应 用 。 

如 果 设 计 者 在 网 页 中 插入 了 图 像 , 当 网 页 页 面 被 浏览 时 ,系统 就 会 调用 位 于 站 点 中 的 
图 像 文 件 。 为 了 保证 图 像 调用 是 正确 的 ,该 图 像 文件 应 先 复制 到 当前 站 点 之 中 ,这 样 就 可 
以 避免 图 像 浏 览 时 出 错 。 


2. 插入 网 页 图 像 的 方法 


在 网 页 中 插 和 人 图像 的 操作 方法 如 下 : 

(1) 将 鼠标 指针 移 到 网 页 中 图 像 的 插入 位 置 上 。 

(2) 选择 [插入 】I【 图 像 3 命 令 ,或 单 击 [ 插 入 ] 栏 中 [常用 】 选 项 卡 的 辆 按钮 ,在 打开 的 
【选择 图 像 源 ] 对 话 框 中 ,选择 图 像 文 件 的 路 径 和 文件 名 ,如 图 3-16 所 示 。 

(3) 在 对 话 框 中 , 单 击 【文件 系统 了 单 选 按钮 ,直接 在 本 地 硬盘 上 选择 图 像 文件 ,或 者 
单 击 【 数 据 源 了 单 选 按钮 ,从 数据 库 中 选取 图 像 文件 。 
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(4) 选中 图 像 文件 后 ,可 以 在 对 话 框 的 右边 用 预览 方式 显示 图 像 。 

(5) 在 对 话 框 下 面 的 URL 文本 框 中 ,会 显示 当前 选中 的 图 像 文件 的 URL 地 址 。 

(6) 在 【相当 于 了 下 拉 列 表 框 中 ,如 果 选 择 [文档 命令 ,要 插入 图 像 的 网 页 文档 应 该 先 
保存 在 本 地 站 点 中 ,此 时 图 像 文件 是 以 相对 路 径 插 入 网 页 文档 ;如 果 选 择 [ 站 点 根 目录 3 命 
令 , 则 图 像 文件 是 以 基于 站 点 根 目 录 的 路 径 插 和 人 网 页 文档 。 

(7) 单 击 【确认 了 按钮 确认 , 便 可 在 网 页 中 搬入 图 片 。 

如 果 要 插 和 图像 的 网 页 文件 是 新 建 的 还 未 保存 过 的 文件 ,系统 会 提示 设计 者 应 先 保 
存 该 文件 ,如 图 3-23 所 示 。 

注意 : 在 创建 完 新 网 页 时 ,应 先 设置 网 页 页 面 属性 ,接着 马上 就 将 该 网 页 保存 在 本 地 
站 点 下 。 然 后 再 在 网 页 上 插入 图 像 文件 ,此 时 图 像 文件 以 相对 路 径 插 入 。 一 定 要 注意 ,图 
像 文件 不 要 以 绝对 路 径 插 入 ,否则 可 能 在 浏览 该 网 页 时 发 生 图 像 文件 路 径 的 错误 ,导致 图 
像 不 能 显示 。 

如 果 所 选 的 图 像 文 件 不 在 本 地 站 点 中 ,Dreamweaver 8 会 显示 如 图 3-24 所 示 的 提示 
对 话 框 。 单 击 【是 了 按钮 , 则 将 选中 的 图 像 文件 保存 在 本 地 站 点 的 文件 夹 中 ;如 果 不 想 把 选 
中 的 图 像 文件 保存 在 本 地 站 点 的 文件 夹 中 , 则 单 击 【 否 按钮。 


Macromedia Dreamveaver 


若 要 创建 文档 相对 路 径 ， 您 应 该 首先 保存 文档 。 2] 雪 siten| - 件 夹 以 外 
在 您 保存 文档 之 前 将 使 用 “file://" 路 径 ， 才 的 根 六 
Ci Ny 2 


您 原意 将 该 文件 复制 可 | 根 文件 夹 中 吗 ? 


口 不 再 显示 这 个 信息 。 


下 


图 3-23 【提示 信息 】 对 话 框 图 3-24 【提示 信息 ] 对 话 框 


3. 图 像 的 属性 设置 


在 网 页 编辑 窗口 中 选中 插入 的 图 像 ,在 Dreamweaver 8 属性 面板 中 显示 的 信息 都 是 
该 图 像 的 属性 ,如 图 3-25 所 示 。 图 像 的 属性 面板 中 各 项 参数 的 意义 如 下 : 


J 
aloome HF 
RE 这 EC jd 福 伯 occleooe_jpe | 人 局 莉 扫 克 邓 ER 
高 6 9 色拉 GD 绩 四 司 过 本 OA 人 
地 图 大 下边 本 有 ~ 庆 竺 国土 
RR] DOV ww 低 解析 度 源 亿 ) 使 局 。 对 于 [ 陵 V 什 国 | 


(1) 在 【图 像 ] 文 本 框 中 可 以 设置 该 图 像 的 名 称 。 
(2) 在 【 宽 】 了 和 【高 】 文 本 框 中 设置 的 是 该 图 像 的 宽度 和 高 度 。 插 入 图 像 后 ， 
Dreamweaver 8 会 自动 给 出 图 片 原来 的 宽度 和 高 度 。 这 时 若 调整 图 片 的 宽度 和 高 度 ,可 
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以 放大 或 缩小 图 片 的 显示 尺寸 。 但 改变 的 只 是 图 像 在 浏览 器 中 显示 的 尺寸 ,图 像 文件 本 
身 并 没有 任何 变化 。 不 要 指望 用 Dreamweaver 8 来 缩小 图 像 尺寸 .来 提高 页 面 下 载 速 
单 击 【 宽 J 和 [高 ] 文 本 框 右边 的 按钮 较 , 可 将 【 宽 ] 和 【高 ] 的 值 重 设 为 图 像 的 原始 大 小 。 

(3) 在 [ 源 文件 ] 文 本 框 中 输入 插入 图 像 的 路 径 和 文件 名 称 。 可 单 击 文 本 框 右边 的 图 
标 国 ,以 浏览 的 方式 得 到 图 像 文 件 的 路 径 和 名 称 。 

(4) 在 【链接 ] 文 本 框 中 设置 图 像 超 级 链接 的 URL 地 址 ,此 时 该 图 像 被 设置 为 一 个 超 
级 链接 的 源 端 点 。 

(5) 在 【替代 】 文 本 框 可 输入 图 像 的 说 明文 字 。 当 浏览 者 浏览 页 面 时 ,在 图 像 位 置 上 
将 先 显示 [替代 ] 文 本 框 中 的 文字 。 这 样 在 图 像 没 显示 出 来 之 前 ,浏览 者 就 能 知道 图 像 所 
要 显示 的 内 容 。 

(6) 选中 要 编辑 的 图 像 后 , 单 击 【 编 辑 】 区 中 的 按钮 ,可 在 Dreamweaver 8 中 编辑 当前 
的 图 像 . 【编辑 ] 区 中 6 个 按钮 的 功能 如 下 : 

OO 单 击 辆 按钮 ,打开 外 部 编辑 器 Fireworks 进行 图 像 编辑 。 设 计 者 也 可 以 右 击 图 
像 ,在 快捷 菜单 中 选择 【编辑 方式 Fireworks] 命 令 ; 或 按 住 Ctrl 键 ,然后 双击 图 像 ,也 能 打 
开 Fireworks 进行 图 像 编辑 。 

@ 单 击 历 按钮 ,打开 【优化 3 对话 框 ,对 当前 图 像 完成 优化 处 理 。 

@ 单 击 导 按钮 ,可 调整 裁剪 控制 点 直到 当前 图 像 的 区 域 符合 所 需 大 小 ,在 裁剪 边界 
框 内 部 双击 或 按 Enter 键 裁剪 所 选区 域 ,从 当前 图 像 中 删除 不 需要 的 区 域 。 

@ 单 击 辆 按钮 ,可 对 已 调整 大 小 的 图 像 进 行 重新 取样 ,提高 图 像 在 新 的 大 小 和 形状 
下 的 品质 。 

@ 单 击 而 按 钮 ,可 调整 图 像 的 亮度 和 对 比 度 设置 。 

@ 单 击 畴 按钮 .可 调整 图 像 的 清晰 度 。 

(7) 在 【地 图 ] 中 可 标注 和 创建 客户 端 图 像 地 图 。 选 择 创建 热点 的 工具 ,可 建立 图 像 
的 多 个 超级 链接 的 热点 ,具体 操作 方法 在 第 4 章 中 介绍 。 

(8) 在 【垂直 边 距 和 【水 平 边 距 了 两 个 文本 框 中 设置 图 片 四 周 空 出 的 尺寸 。 

(9) 在 【目标 了 下 拉 列 表 框 中 指定 图 像 超级 链接 的 目标 文件 的 显示 方式 。 如 果 图 像 无 
链接 ,此 项 设置 无 效 。 

(10) 在 【 低 品 质 源 ] 文 本 框 中 指定 另 一 个 图 像 ,这 个 图 像 一 般 是 原 图 的 低 品 质 替换 图 
形 。 在 原 图 没有 显示 出 来 之 前 先 显 示 这 幅 图 ,让 浏览 者 能 大 体 了 解 图 形 的 内 容 。 

(11) 在 【边框 ] 文 本 框 中 可 输入 以 像素 为 单位 的 图 像 边 框 的 宽度 。 上 默认 为 无 边框 。 

(12) [本 二 副 3 个 按钮 定义 图 像 在 页 面 中 的 对 齐 方式 。 左 对 齐 , 居 中 对 齐 , 右 对 齐 。 

效果 和 文本 在 页 面 中 的 对 齐 方式 一 样 , 这 里 不 再 缆 述 。 

(13) 在 【对 齐 了 下 拉 列 表 中 是 设置 同一 行 中 图 像 和 文本 的 对 齐 方式 ,其 选项 功能 
如 下 : 

Q@【 默 认 值 7 采用 浏览 器 默认 的 图 像 对 齐 方 式 。 通 常 是 基线 对 齐 。 

@【 基 线 ] 是 将 文本 (或 同一 段落 中 的 其 他 元 素 ) 基 准 线 与 图 像 底部 对 齐 。 

【顶端 ] 是 将 图 像 的 顶端 与 当前 行 中 最 高 项 (图 像 或 文本 ) 的 顶端 对 齐 。 
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@【 居 中 是 将 图 像 的 中 部 与 当前 行 的 基线 对 齐 。 

@【 底 部 】 是 将 文本 (或 同一 段落 中 的 其 他 元 素 ) 基 准 线 和 图 像 底部 对 齐 。 

@ 【文本 上 方 ] 将 图 像 的 顶端 与 文本 行 中 最 高 字符 的 顶端 对 齐 。 

Q@ 【绝对 中 间 ] 将 图 像 的 中 部 与 当前 行 中 文本 的 中 部 对 齐 。 

@ 【绝对 底部 ] 将 图 像 底 部 与 文本 的 底部 完全 对 齐 。 

@【 左 对 齐 ] 将 所 选 图像 放 置 在 左边 ,文本 在 图 像 的 右 侧 换行 。 如 果 左 对 齐 文本 在 行 
上 处 于 对 象 之 前 , 它 通常 强制 左 对 齐 对 象 换 到 一 个 新 行 。 

@【 右 对 齐 ] 将 图 像 放 置 在 右边 ,文本 在 对 象 的 左 侧 换行 。 如果 右 对 齐 文 本 在 行 上 处 
于 对 象 之 前 , 它 通常 强制 右 对 齐 对 象 换 到 一 个 新 行 。 


3.3.6 建立 网 站 相册 


利用 Dreamweaver 8 不 仅 可 以 自行 设计 网 页 页 面 ,还 可 以 协同 图 像 处 理 软 件 
Fireworks 帮助 用 户 完成 网 页 设计 中 的 一 些 重复 性 的 工作 。 

在 很 多 网 站 的 网 页 中 都 有 网 页 图 片 库 ,又 称 为 网 站 相册 。 这 是 一 种 在 页 面 上 排列 很 
多 小 的 缩 略 图 片 , 单 击 某 个 小 的 缩 略 图 片 就 可 以 链接 到 该 图 片 放大 显示 的 页 面 。 制 作 这 
种 网 站 相册 的 网 页 很 简单 ,只 需要 制作 同一 图 片 大 小 各 一 张 ,再 建立 图 片 页 面 之 间 的 链接 
即 可 实现 网 站 相册 的 显示 。 但 是 如 果 图 片 数量 很 多 ,这 种 重复 性 的 劳动 工作 量 是 巨大 的 ， 
利用 Dreamweaver 8 与 Fireworks 8 协同 可 以 很 轻松 地 自动 完成 这 些 工作 。 

创建 网 站 相册 操作 步骤 如 下 : 

(1) 选择 [命令 XI【 创 建 网 站 相册 命令 .在 打开 的 [创建 网 站 相册 】 对 话 框 中 输入 各 类 
参数 ,如 图 3-26 所 示 。 将 需要 制作 成 相册 的 图 片 放 在 一 个 单独 的 文件 夹 中 ,( 即 源 图 像 文 
件 夹 )。 同 时 将 本 地 站 点 设 为 目标 文件 夹 , 用 来 存放 系统 生成 的 缩 略 图 片 和 网 页 文件 。 


100 x 100 国 | 回 显示 文件 名 称 
E_ 
是 | TFEc - 较 高 品质 图 

下 | JPzc - 较 高 品质 国 | 小 数位 数 : 


回 为 每 张 相片 建立 导 和 页 面 


图 3-26 【创建 网 站 相册 对话 框 


(2) 在 【相册 标题 】 工 副 标 信息 】 民 其 他 信息 了 文本 框 中 输入 网 站 相册 的 标题 、 副 标题 
和 其 他 补充 信息 ,其 中 [相册 标题 ] 是 必须 输入 的 。 

(3) 在 【 源 图 像 文件 夹 3 和 [目标 文件 夹 ] 文 本 框 中 指定 图 片 的 源 文件 夹 和 目标 相册 存 
放 的 位 置 。【 源 图 像 文件 夹 ] 一 般 是 设置 为 本 地 站 点 下 的 源 图 像 文件 夹 江上 目标 文件 夹 ] 就 
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设 为 本 地 站 点 。 

(4) 设置 【 缩 略 图 大 小 了 的 参数 ,每 张 缩 略 图 片 可 选择 36 X 36、72 X72、100 X 100、 
144X144、200X200 像素 5 种 选项 ,在 [ 列 ] 文 本 框 中 设置 每 行 放置 几 张 图 片 ,选中 【显示 
文件 名 称 ] 复 选 框 , 则 在 网 站 相册 的 缩 略图 下 方 显 示 文 件 名 称 。 

(5) 设置 [ 缩 略 图 格式 】 和 【相片 格式 ] 为 JPEG- 较 高 品质 ,并 为 每 张 图 片 创建 导 览 
页 面 。 
(6) 单 击 【确定 了 按钮 后 ,Dreamweaver 8 自行 启动 Fireworks 8 为 网 站 相册 完成 批 处 
理 操作 。Fireworks 8 自动 将 【 源 图 像 文件 夹 3 中 所 有 图 片 按 指定 的 大 小 处 理 成 缩 略 图 ,并 
在 【目标 文件 夹 ] 中 存放 制作 完成 的 缩 略图 和 相片 。 

(7) 当 Fireworks 8 将 网 站 相册 制作 完成 后 ,会 在 Dreamweaver 8 的 窗口 中 显示 “ 相 
册 已 经 建立 ”的 对 话 框 。 

(8) 单 击 【确定 3 按钮 后 ,Dreamweaver 8 将 自动 创建 并 打开 网 站 相册 的 页 面 , 按 F12 
功能 键 可 浏览 网 站 相册 的 页 面 。 

创建 好 网 站 相册 后 Dreamweaver 8 在 目标 文件 夹 中 创建 了 “ 缩 略 图 ”“ 图 像 ?“ 页 面 ” 
三 个 文件 夹 和 名 为 index. htm 网 站 相册 的 首页 ,如 果 目 标 文件 夹 中 已 经 有 名 为 index 
.htm 的 网页, 则 网 站 相册 的 网 页 会 自动 被 命名 为 indexl. htm。 


3.4 简单 网 页 的 制作 实例 


制作 如 图 3-27 所 示 的 网 页 。 


图 3-27 简单 网 页 的 制作 实例 


本 例 的 制作 要 求 如 下 : 
(1) 页 面 的 背景 图 片 为 :bg0100. jpg。 
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(2) 在 合适 的 位 置 插入 图 片 :earth. gif 。 

(3) 在 网 页 中 输入 横 排 带 阴 影 的 文字 :“Business-to-Customer” 和 “欢迎 访问 电子 商 
(4) 将 网 页 用 exa3-1. htm 为 文件 名 保存 在 本 地 站 点 My site 中 。 

制作 分 析 : 

本 例 虽 然 是 要 完成 一 个 简单 网 页 的 制作 ,但 是 涉及 了 网 页 制作 的 完整 流程 。 学 习 者 
应 该 严格 按照 “准备 素材 "“ 创 建 本 地 站 点 “设置 新 网 页 的 页 面 属性 “保存 网 页 到 本 地 
站 点 中 >” 和”* 编 辑 .调试 .保存 网 页 ”的 步骤 进行 操作 。 

本 例 中 采用 了 层 作为 文字 和 图 像 在 网 页 上 的 定位 工具 ,在 第 4 章 中 还 会 介绍 更 为 有 
效 的 网 页 元 素 定位 工具 “布局 表格 和 布局 单元 格 ”"。 本 例 涉及 的 文字 和 图 像 的 输入 及 编辑 
是 网 页 制作 中 的 基本 操作 ,学 习 者 必须 正确 和 熟练 地 掌握 这 些 操 作 。 

在 学 习 中 必须 记 住 3 个 要 点 : 

。 正确 创建 本 地 站 点 ,以 后 在 编辑 网 页 时 ,还 要 仔细 检查 本 地 站 点 的 设置 是 否 正 确 。 

。 创建 和 编辑 的 网 页 以 及 网 页 中 的 全 部 元 素 都 必须 保存 在 本 地 站 点 下 。 

。 网 页 中 插入 的 素材 应 该 用 相对 路 径 插 入 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 将 配套 盘 上 本 章 素材 文件 夹 中 material 子 文件 夹 复制 到 当前 硬盘 的 根 文件 来 
中 ,然后 改名 为 My site。 

(2) 启动 Dreamweaver 8, 在 【起 始 页 ] 中 选择 创建 新 的 [HTML] 项 目 , 此 时 创建 了 一 
个 未 命名 的 空白 网 页 。 

(3) 选择 [站 点 了 民 新 建站 点 了 命令 。 单 击 【高 级 标签 , 在 [高 级 选项 卡 中 设置 【本 地 
信息 】。 

(4) 在 [站 点 名 称 ] 文 本 框 中 输入 “应 用 实例 ”, 单 击 【 本 地 根 文件 夹 ] 文 本 框 右边 的 图 
标 ,选择 当前 硬盘 根 文件 夹 下 的 My site 文件 夹 ,将 其 设置 为 本 地 站 点 的 根 文件 夹 。 

(5) 单 击 [ 默 认 图 像 文件 夹 ] 文 本 框 右边 的 图 标 , 选 择 文件 夹 My site 下 的 img 为 默认 
的 图 像 文 件 夹 。 在 【链接 相对 于 】 选 项 中 ,选择 [文档 〗 选 项 。 其 他 参数 默认 ,并 单 击 【 确 认 】 
按钮 完成 新 站 点 创建 。 

(6) 在 Dreamweaver 8 网 页 编辑 器 窗口 中 为 新 网 页 设置 页 面 属性 ,选择 【修改 】I【 页 
面 属性 命令 ,在 【页 面 属性 对话 框 中 做 各 项 参数 的 设置 。 

(7) 在 [分类] 列表 中 选择 [外观 选项 ,设置 【页面 字 体 ] 为 :华文 行 楷 ( 需 先 编辑 字体 
列表 ,将 华文 行 楷 加 入 字体 列表 ) ,在 【大 小 下拉 列 表 框 中 选择 文字 的 大 小 为 :24 像素 , 设 
和 置 [文本 颜色 为 :黑色 。 

(8) 单 击 【背景 图 像 ] 右 边 的 [浏览 3 按钮 ,选择 本 地 站 点 的 文件 夹 img 中 的 文件 
bg0100. jpg, 在 【重复 J] 下拉 列 表 中 选择 【重复 】 选 项 ,使 选择 的 图 像 重 复 布 满 网 页 。 将 【 左 
边 距 3【 右 边 距 】【 上 边 距 】【 下 边 距 分别 设置 为 0 后 , 单 击 【 确 认 按 钮 。 

(9) 在 [分类] 列表 中 选择 [标题 /编码 选项 ,在 [标题] 文本 框 中 输入 :实例 一 ,其 他 参 
数 默认 ,然后 单 击 【 确 认 】 按 钮 确认 。 

(10) 选择 【文件 人民 另存 为 】 命 令 ,将 网 页 用 exa3-1. htm 为 名 保存 在 本 地 站 点 My 
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site 中。 

(11) 选择 [插入 ] 民 布局 对 象 ] 民 层 ] 命 令 ; 或 选择 【插入 ] 栏 [布局 】 选 项 , 单 击 绘制 层 
转 按 钮 ,在 网 页 文档 窗口 合适 的 位 置 上 绘制 插入 图 像 定 位 用 的 层 Layerl ,并 将 光标 插 人 
在 层 中 。 

(12) 选择 [插入 3 栏 [ 常 用 】 选 项 , 单 击 “ 插 和 图像” 图 按钮 ,在 打开 的 [选择 图 像 源 文 
件 ] 对 话 框 中 ,选择 要 插入 的 图 像 文件 ,将 img 文件 夹 中 的 图 像 文件 earth. gif 插入 层 中 ， 
并 将 包含 图 像 的 层 调整 至 合适 处 。 

(13) 单 击 图 像 earth. gif 将 其 选中 ,在 [属性] 面板 中 , 单 击 【编辑 ] 区 域 中 的 加 按钮 ， 
启动 外 部 图 像 编辑 器 Fireworks 对 图 像 进行 编辑 ,此 时 系统 显示 如 图 3-28 所 示 的 【查找 
源 ] 对 话 框 , 单 击 【 是 按钮 ,可 保存 修改 的 图 像 文件 ; 单 击 【和 否 了 按钮 ,不 保存 修改 的 图 像 文 
件 。 本 例 单 击 【 否 按钮 .不 保存 图 像 文件 。 


编辑 “earth gif”。 
是 否 要 使 用 现 有 的 Fireworks 文档 作为 “earth gif” 的 源 ? 


bo 此 设置 也 可 在 “ 首 


Fireworks 源 文件 : 
| 启动 时 询问 图 


图 3-28 【查找 源 ] 对 话 框 示 意图 


(14) 在 打开 的 图 像 处 理 软件 Fireworks 的 文档 编辑 窗口 中 , 单 击 文本 工具 册 ,在 【 属 
性 了 面板 中 设置 文字 的 属性 ,字体 为 “Arial Black”, 大 小 为 *16”, 颜 色 为 “#000000”( 黑 
色 )。 在 合适 的 位 置 上 为 图 像 添 加 文字 "Business-to-Customer”, 如 图 3-29 所 示 。 


(QE 


Zn 1 ql of2x2 [00%.. 
图 3-29 图 像 处 理 软 件 Fireworks 的 文档 编辑 窗口 示意 图 
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(15) 选中 文字 , 按 快捷 键 Ctrl 十 C 和 快捷 键 Ctrl 十 V ,将 文字 复制 一 份 ,并 把 文字 颜 
色 改 为 *#FFFFFF”( 白 色 ) ,适当 调整 文字 ,使 文字 产生 阴影 效果 。 单 击 文档 窗口 左上 角 
的 【完成 了 按钮 ,返回 Dreamweaver 8。 

(16) 选择 [插入 3 栏 [布局 〗 选 项 , 单 击 绘 制 层 轩 按钮 ,在 网 页 文档 窗口 合适 的 位 置 上 
绘制 插入 文字 定位 用 的 层 Layer2 和 Layer3,; 并 在 层 中 输入 文字 “欢迎 访问 电子 商 
务 网 站 ”。 

(17) 在 【属性 面板 中 设置 文字 的 属性 ,字体 为 “华文 行 楷 ”, 大 小 为 “16”, 层 Layer2 
中 文字 颜色 为 “黑色 ”, 层 Layer3 中 文字 颜色 为 “白色 ”, 适 当 调 整 层 的 位 置 , 使 文字 产生 阴 
影 效 果 。 

(18) 按 F12 键 预览 网 页 ,选择 [文件 ] 民 保存 】 命令, 将 网 页 以 exa3-1. htm 为 名 保存 
在 本 地 站 点 My site 中 。 
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4 章 ” 层 与 表格 及 其 应 用 
第 


知识 点 

。 层 的 创建 ,编辑 和 应 用 的 方法 

。 表格 的 创建 ,编辑 和 应 用 的 方法 

。 布局 表格 与 布局 单元 格 的 创建 ,编辑 和 应 用 的 方法 


4.1 层 的 创建 和 基本 操作 


层 是 网 页 中 用 来 放置 文本 .图像 、 动 画 、 视 频 和 表单 等 网 页 元 素 的 载体 。 层 在 
Dreamweaver 8 网 页 编辑 窗口 中 可 以 自由 移动 ,改变 层 在 网 页 中 的 位 置 , 便 可 实现 层 中 网 
页 元 素 位置 的 改变 ,实际 上 层 的 应 用 技术 也 是 一 种 网 页 元 素 的 定位 技术 。 层 与 行为 .时 间 
轴 配 合 使 用 后 ,可 以 控制 多 个 层 的 县 放 次 序 , 层 的 显示 或 隐藏 ,以 及 可 以 很 方便 地 设计 出 
动感 页 面 效果 和 滚动 字幕 .下 拉 列 表 框 等 网 页 特效 。 


1. 创建 和 删除 层 


在 网 页 中 创建 一 个 新 层 可 以 单 击 【插入 了 栏 的 [布局 3 选项 中 的 【绘制 层 ] 按 钮 圈 , 或 选 
择 【 插 入 了 民 布 局 对 象 ]【 层 3 命令 来 插入 层 。 在 同一 个 页 面 中 ,可 以 创建 多 个 层 。 在 创建 
好 的 层 中 还 可 以 继续 创建 层 来 实现 层 的 肉 套 。 骨 套 层 可 称 为 子 层 , 包 含 嵌 套 层 的 那个 层 
称 为 父 层 , 嵌 套 层 永 远 在 其 父 层 上 方 , 创 建 层 和 嵌 套 层 的 操作 步骤 如 下 : 

(1) 单 击 【 择 入】 面板 组 的 【常用 】 选 项 卡 中 的 【描绘 层 ] 按 钮 轿 , 此 时 光标 变 为 十 ” 

(2) 在 网 页 编辑 区 中 选择 插入 层 的 位 置 ,然后 拖 动 鼠标 便 可 绘制 一 个 层 , 此 时 在 网 页 
编辑 区 窗口 中 出 现 一 个 层 ,如 图 4-1 所 示 。 在 光标 所 在 位 置 
上 创建 了 一 个 默认 属性 的 层 。 

(3) 将 光标 插入 到 已 建 好 的 层 中 ,然后 选择 【插入 】I【 布 
局 对 象 】【 层 命令 ,可 在 已 建 的 层 中 插入 一 个 嵌 套 层 。 

由 套 层 的 子 层 可 以 在 其 父 层 中 间 , 也 可 以 在 其 父 层 外 边 , 岩 套 层 永远 在 其 父 层 上 方 。 


图 41 未 被 选中 激活 的 层 


2. 激活 和 选中 层 


一 个 层 在 被 激活 后 ,才能 将 文本 、 图 像 .表格 表单、 多 媒体 等 网 页 元 素 插入 到 层 中 , 单 
击 层 中 任意 位 置 ,就 可 激活 层 , 此 时 光标 在 层 中 闪烁 , 层 的 左上 和 角 出 现 选 择 柄 ,边框 线 由 灰 
色 变 为 蓝 色 ,如 图 4-2 所 示 。 选 中 层 后 ,才能 对 层 设 置 属性 和 进行 调整 、 移 动 等 操作 ,如 图 


4-3 所 示 。 
图 4-2 被 激活 的 层 图 4-3 被 选中 的 层 
选中 层 的 多 种 方法 如 下 : 


(1) 先 激活 层 ,再 单 击 层 左 上 角 的 选择 柄 回 , 可 选中 该 层 。 

(2) 单 击 层 的 边框 ,也 可 选中 层 。 

(3) 如 果 在 当前 网 页 编辑 窗口 中 没有 层 被 激活 和 选中 , 按 住 Shift 键 , 单 击 层 中 任意 
位 置 ,就 可 选中 该 层 。 按 住 Shift 键 , 单 击 每 一 个 要 选中 的 层 ,可 选中 多 个 层 。 

(4) 如 果 已 经 选中 了 多 个 层 , 按 住 Ctrl 十 Shift 快捷 键 ,再 单 击 要 选中 的 层 , 可 仅 选 中 
该 层 ,同时 取消 对 其 他 层 的 选择 。 

(5) 按 F2 功能 键 或 选择 [窗口 3I【 层 命令 ,在 打开 的 【层面 板 中 单 击 该 层 的 名 称 ,就 
可 选中 该 层 。 

(6) 按 住 Shift 键 ,在 【层面 板 中 单 击 每 一 个 要 选中 的 层 的 名 称 ,可 选中 多 个 层 。 


3. 调整 移动 和 对 齐 层 


1) 调整 层 的 大 小 尺寸 

创建 层 后 ,可 通过 以 下 方法 调整 层 的 大 小 尺寸 。 

(1) 选中 需要 调整 的 层 , 此 时 在 层 的 边框 四 周 出 现 8 个 蓝 色 活 动 块 ,用 鼠标 指针 拖 忠 
某 个 活动 块 , 即 可 调整 层 的 大 小 。 

(2) 选中 需要 调整 的 层 , 在 层 【 属 性 面板 的 【 宽 ] 和 【高 两 个 文本 框 中 输入 层 的 宽度 
和 高 度 尺 寸 , 可 精确 调整 该 层 的 尺寸 。 

2) 移动 层 

移动 层 的 2 种 方法 如 下 : 

(1) 用 鼠标 指针 移动 层 时 ,可 将 指针 移 到 层 左 上 角 的 选择 柄 上 ,或 将 鼠标 指针 移 到 层 
的 边框 线 上 , 当 鼠 标 指 针 变 成 四 个 十 字 状 箭头 时 , 拖 动 鼠标 即 可 移动 该 层 。 

(2) 选中 要 移动 的 层 , 在 展 [属性 了 面板 的 【 左 了 和 【上 两 个 文本 框 中 输入 层 左 上 角 坐 
标 , 便 可 精确 设置 这 个 层 在 网 页 中 的 目标 位 置 。 

3) 对 齐 层 

对 齐 层 的 方法 如 下 : 

先 选 中 多 个 要 对 齐 的 层 , 选 择 [ 修 改 了 区 排列 顺序 了 命令 的 下 一 级 菜单 中 的 【 左 对 齐 】、 
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【 右 对 齐 ]【 对 齐 上 缘 】 【对齐 下 缘 ] 命 令 , 可 对 齐 选中 的 层 。 选 择 [ 设 成 宽度 相同 ] 和 【 设 成 
高 度 相同 命令 ,可 使 选中 的 层 具 有 相同 的 宽度 和 高 度 。 


4.2 层 的 属性 设置 
1. 设置 层 的 属性 
创建 了 层 以 后 ,可 利用 层 的 [属性 了 面板 设置 层 的 名 称 ` 位 置 . 大 小 尺寸 \ 背 景 颜色 或 表 
景 图 像 . 层 的 可 见 性 .堆栈 顺序 、 层 标记 、 当 层 内 容 溢出 时 的 处 更 方法 以 及 层 中 可 见 区 域 的 


位 置 和 尺寸 等 。 
选中 层 的 选择 柄 就 可 打开 层 的 [属性 ] 面 板 , 如 图 4-4 所 示 。 


层 编号 大 娟 [300px]” 宽 [ 100px] 2 观 [ 青 景 图 像 [= 类 @[ 无 回 
加 Iarerl_ 国 |EG[S 高 [iii 可 性 [tt 国 | 天 坟 名 思 |R00 3 
放出 司 mg: 二 有 
这 * | 


图 4-4 层 的 [属性 ] 面 板 


层 的 [属性 ] 面 板 中 的 各 项 设置 的 意义 如 下 : 

(1) 在 【 层 编号 】 文 本 框 中 设置 当前 层 的 名 称 。 层 名 称 中 不 能 带 有 符号 ,也 不 能 以 数 
字 开 头 , 可 以 是 英文 字母 和 数字 。 

(2) 在 【 左 ] 和 [上 文本 框 中 设置 当前 层 相 对 于 页 面 或 父 层 的 左上 角 的 距离 。 

(3) 在 [ 宽 ] 和 [高 ] 文 本 框 中 设置 层 的 宽度 和 高 度 。 

(4) 在 【2Z 轴 ] 文 本 框 中 可 设置 当前 层 的 层次 属性 值 。 

可 以 把 整个 网 页 的 页 面 看 成 X-Y 平面 ,把 网 页 上 层 的 Z 轴 值 可 看 成 Z 轴 的 坐标 值 。 
这 个 值 决定 了 当前 层 放置 在 哪个 层面 上 ,一 般 Z 轴 值 大 的 层 放 在 上 面 ,Z 轴 值 小 的 层 放 在 
下 面 。 

(5) 在 【可 见 性 】 下 拉 列 表 中 可 以 设置 层 的 可 见 性 。 下 拉 列 表 中 的 4 个 选项 分 别 是 
Default( 默 认 状态 ) .Inherit( 继 承 父 层 的 可 见 性 )、Visible( 设 置 层 为 可 见 )、Hidden( 设 置 
层 为 隐藏 ) 。 

(6) 在 【背景 图 像 3 和 【背景 颜色 】 文 本 框 中 可 设置 层 的 背景 图 片 和 背景 颜色 。 

(7) 在 【溢出 了 下 拉 列 表 中 ,确定 当 层 的 内 容 超出 层 范围 时 处 理 的 方式 。 

其 中 溢出 部 分 的 处 理 的 4 个 选项 分 别 为 Visible( 增 加 层 尺寸 ,显示 超出 部 分 的 内 
容 ) 、Hidden( 保 持 层 尺寸 不 变 , 隐 藏 超出 部 分 的 内 容 )、Scroll( 增 加 滚动 条 )、Auto( 当 内 容 
超出 层 尺寸 时 ,自动 增加 滚动 条 ) 。 

(8) 在 [剪辑] 文本 框 中 设置 层 的 可 视 区 域 ,【 左 ]【 上 】【 右 】【 下 文本 框 中 输入 的 数 
值 表示 层 可 视 区 域 与 层 边 界 之 间 的 距离 。 


2. 层 的 控制 和 操作 
Dreamweaver 8 中 的 层面 板 是 一 种 能 方便 .轻松 、 直 观 地 对 层 进行 控制 和 操作 的 工 
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。 选 择 〖 和 窗口 】I【 层 ] 命 令 , 或 按 F2 功能 键 ,可 打开 层面 板 , 如 图 4-5 所 示 。 

在 层面 板 中 可 以 完成 对 层 改 名 , 选 定 层 ,修改 层 
的 可 见 性 ,设置 层 的 又 放 次 序 以 及 设置 层 骨 套 等 操 
作 , 操 作 方 法 如 下 : 

(1) 选 定 某 个 层 : 只 需 在 【层面 板 列表 中 单 击 
该 层 , 即 可 选 定 这 个 层 。 

(2) 更 改 层 名 : 双击 层 名 称 , 层 名称 处 出 现 光 
标 , 便 可 删除 原来 的 层 名 称 ,输入 新 的 层 名 称 。 

(3) 显示 、 隐 藏 层 : 单 击 【 层 面板 左边 的 显示 与 
隐藏 列 , 可 显示 或 隐藏 该 层 。 如 果 在 该 列 中 显示 一 
个 睁 眼 的 图 标 生 ,表示 显示 该 层 ; 如 果 在 该 列 中 显示 

一 个 闭 眼 的 图 标本 ,表示 隐藏 该 层 ; 如 果 在 该 列 中 不 图 4-5 【层面 板 
显示 任何 图 标 ,表示 该 层 继承 其 父 层 的 可 见 性 。 

(4) 改变 层 的 释放 次 序 ; 单 击 该 层 控制 窗口 的 Z 列 , 便 可 修改 该 层 的 层次 属性 值 。 
或 者 用 鼠标 指针 拖 鼻 层 , 也 可 以 调整 该 层 的 释放 次 序 。 

(5) 创建 和 取消 艇 套 层 : 按 住 Ctrl 键 ,然后 在 【层面 板 中 拖 忠 子 层 到 父 层 上 , 当 父 层 
上 出 现 黑 框 时 松 开 鼠标 , 便 可 创建 一 个 垦 套 层 ,如 图 4-5 所 示 。 子 层 可 随 父 层 移动 而 移 
动 , 可 继承 父 层 的 可 见 属性 ,也 可 另外 设置 可 见 属性 。 只 需 用 鼠标 指针 将 子 层 拖 离 父 层 ， 
便 可 取消 嵌 套 层 。 

(6) 禁止 层 重 释 : 选中 【层面 板 【 防 止 重 共 ] 复 选 框 ,表示 对 层 操作 时 禁止 各 层 重 琶 。 
要 创建 租 套 层 时 必须 取消 该 复 选 框 。 

在 图 4-5 所 示 的 【 层 了 面板 中 ,Layerl 在 最 底层 ,Layer3 和 Layer4 是 Layer2 的 坎 套 
层 , 在 最 上 层 。 嵌 套 层 在 页 面 上 显示 时 并 不 一 定位 于 其 父 层 之 中 , 它 的 HTML 代码 嵌 套 
在 其 父 层 的 HTML 代码 中 ,移动 父 层 时 嵌 套 层 会 一 齐 移动 。 如 果 从 页 面 上 看 到 某 一 层 
位 于 另 一 层 之 中 ,它们 的 HTML 代码 互 不 包含 ,就 不 是 符 套 层 。 


4.3 层 的 应 用 实例 


例 4.1 制作 具有 下 列 要 求 的 网 页 ,网 页 示意 如 图 4-6 所 示 。 

(1) 页 面 的 背景 图 片 为 bg0040. gif。 

(2) 在 页 面 合适 的 位 置 上 插入 4 个 层 , 层 的 大 小 为 150 X 150 像素 。 

(3) 在 层 中 插 作 [鼠标 经 过 图 像 】, 原 始 图 像 分 别 是 ch04 素材 文件 夹 中 的 tul_1. jpg、 
tu2_1. jpg、tu3_1. jpg、tu4_1. jpg, 鼠 标 经 过 图 像 分 别 是 ch04 素材 文件 夹 中 的 tul. jpg、 
tu2. jpg\tu3. jpg\tu4. jpg。 

(4) 创建 2 个 层 , 层 中 输入 文字 “ 书 一 一 精神 的 粮食 ” ,设置 [字体 ] 为 “方正 舒 体 ”",【 大 
小 ] 为 “7”,【 颜 色 】 为 “#993300”,【 样 式 ] 为 “ 粗 体 ”, 将 层 中 文字 格式 化 。 并 将 下 面 一 个 层 
中 文字 由 黄色 改 为 黑色 。 

(5) 将 2 个 文字 层 略 微 错开 又 放 在 一 起 ,设计 出 文字 阴影 效果 ,如 图 4-6 所 示 。 
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当 层 的 应 用 实例 - 了 icroso ft Internet Explorer 


书 一 一 糊 神 的 粮食 


图 4-6 应 用 实例 示意 图 


(6) 网 页 文件 以 exa4-1. htm 为 名 保存 在 在 本 地 站 点 My site 中 。 

制作 分 析 : 

本 例 是 用 层 作为 网 页 元 素 定位 方式 的 网 页 实例 ,制作 时 要 注意 层 在 网 页 文档 窗口 和 
浏览 器 窗口 中 位 置 可 能 会 有 偏差 ,需要 调整 好 。 另 外 ,在 完成 网 页 制作 前 ,需要 正确 创建 
本 地 站 点 。 新 建 网 页 并 设置 页 面 属性 后 ,需要 将 网 页 保存 在 本 地 站 点 中 ,这 样 以 后 在 网 页 
上 添加 的 网 页 元 素 就 是 以 相对 路 径 插 入 的 。 

本 例 的 操作 步骤 如 下 : 

(1) 将 配套 盘 上 文件 夹 ch04 中 的 素材 复制 到 本 地 站 点 的 根 文件 夹 My site 中 。 

(2) 在 网 页 文档 窗口 中 ,选择 [修改 YI【 页 面 属性 命令 ,在 【页 面 属性 对 话 框 中 做 各 
项 参数 设置 。 

(3) 在 [外 观 ] 分 类 中 , 单 击 文本 框 [ 背 景 图像 ] 右 边 的 [浏览 按钮 ,选择 本 地 站 点 的 
img 文件 夹 中 的 图 像 文件 bg0040. gif 后 . 单 击 【确认 ] 按 钮 ,将 背景 图 像 设 置 为 【重复 】, 将 
【左边 距 】【 右 边 距 【上 边 距 】【 下 边 距 ] 分 别 设置 为 0, 然后 单 击 【 确 定 ] 按 钮 确认 。 

(4) 在 【标题 /编码 分 类 中 ,输入 【标题 ] 的 内 容 为 : 层 的 应 用 实例 。 

(5)【 页 面 属性 ] 的 其 他 参数 默认 , 单 击 【确认 ] 按 钮 完成 页 面 属 性 设置 。 

(6) 在 网 页 合适 位 置 上 插入 4 个 层 , 层 的 大 小 为 150X150 像素 ,如 图 4-6 所 示 。 

(7) 按 题 意 插 入 【鼠标 经 过 图 像 】]。 选 择 【插入 】I【 图 像 对 象 ]I【 和 鼠标 经 过 图 像 ] 命 令 ， 
在 【插入 鼠标 经 过 图 像 〗 对 话 框 中 按 题 意 设 置 【原始 图 像 3 和 【鼠标 经 过 图 像 】 如 图 4-7 
所 示 。 

(8) 在 网 页 合适 位 置 上 画 2 个 400X60 像素 的 层 : Layer5 和 Layer6 , 按 题 意 输 入 文 
字 “ 书 一 一 精神 的 粮食 ”。 
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新 入 鼠标 经 过 图 像 


nsze3 


Sina/tul 1 ipz 


lina/tul ipz 


预 载 展 标 经 过 图 像 


图 4-7 插入 【鼠标 经 过 图 像 ] 示 意 


(9) 选中 层 Layer5 中 文字 ,在 属性 面板 中 设置 [字体 ] 为 “方正 千 体 ”".【 大 小 ] 为 “7”， 
【颜色 为 “# 993300”,【 样 式 ] 为 “ 粗 体 ”, 将 Layer6 中 文字 颜色 改 为 黑色 ,其 他 参数 同 
Layer5 中 文字 的 设置 。 

(10) 将 层 Layer6 略微 错开 和 Layer5 番 放 在 一 起 ,设计 出 文字 阴影 效果 。 

(11) 按 Fl2 键 预览 网 页 ,并 以 exa4-1. htm 为 名 将 文件 保存 在 本 地 站 点 My site 中 。 


4.4 创建 表格 的 基本 操作 


表格 不 但 在 组 织 页 面 数据 时 非常 有 用 ,而 且 在 网 页 元 素 的 布局 安排 上 也 起 着 重要 的 
作用 ,利用 表格 可 以 控制 文本 和 图 像 等 对 象 在 页 面 上 的 位 置 。 网 页 一 般 可 用 表格 和 层 来 
对 网 页 元 素 定位 ,用 层 定位 的 网 页 元 素 有 时 浏览 时 会 发 生 位 置 偏 移 , 用 表格 定位 是 比较 理 
想 的 方案 。 对 于 页 面 元 素 布 局 不 规则 的 网 页 则 可 用 布局 表格 和 布局 单元 格 来 对 网 页 元 素 
定位 ,布局 表格 和 布局 单元 格 是 使 用 方便 的 网 页 元 素 定位 工具 。 

设计 者 用 Dreamweaver 8 能 很 方便 地 在 表格 中 输入 数据 ,插入 文本 .图像 和 多 媒体 对 
象 。 也 可 以 很 方便 地 对 表格 进行 编辑 修改 ,改变 其 外 观 和 结构 ,增加 、 删 除 、 拆 分 、 合 并 表 
格 的 单元 格 、 行 和 列 , 可 以 修改 单元 格 , 行 、 列 以 及 表格 的 属性 ,实现 表格 的 嵌 套 , 表 与 层 互 
相 转 换 等 操作 。 


4.4.1 新 建 表格 


在 网 页 制作 时 要 新 建 一 个 表格 ,可 选择 【插入 】I【 表 格 ] 命 令 , 或 选择 [插入 ] 栏 [布局 】 
选项 , 单 击 【表格 按钮 国 . 也 可 用 Ctrl 十 Alt 十 T 快捷 键 ,此 时 网 页 编辑 窗口 中 会 弹出 【 表 
格 ] 对 话 框 ,如 图 4-8 所 示 。 在 此 对 话 框 中 ,可 设置 表格 的 属性 ,然后 单 击 【 确 定 ] 按 钮 确 
认 , 便 可 在 网 页 中 光标 所 在 位 置 上 插入 表格 。 

【表格 ] 对 话 框 中 各 项 参数 具体 意义 如 下 : 

(1) 在 [ 行 数 ] 和 【 列 数 ] 文 本 框 中 可 设置 表格 的 行 数 和 列 数 。 

(2) 在 【表格 宽度 ] 文 本 框 中 设置 表格 的 宽度 ,并 在 右 侧 的 下 拉 列 表 中 选择 表格 宽度 
的 单位 ,选项 分 别 为 像素 和 百分比 ,其 中 百分比 是 指 表 格 与 浏览 器 窗口 的 百分比 。 
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图 4-8 插入 【表格 ] 对 话 框 


(3) 在 [边框 粗细 文本 框 中 设置 表格 外 框 线 的 粗细 。 

(4) 在 【单元 格 边 距 】 文 本 框 中 设置 单元 格 的 内 容 和 单元 格 边框 之 间 空 白 处 的 宽度 。 

(5) 在 【单元 格 间距 】 文 本 框 中 设置 表格 中 各 单元 格 之 间 的 宽度 。 

(6) 在 【页 眉 】 区 域 中 ,可 选择 【无 3 选项 对 表格 不 启用 列 或 行 标题 ;选择 【[ 左 侧 了 选项 可 
以 将 表格 的 第 一 列 作 为 标题 列 , 以 便 为 表 中 的 每 一 行 输入 一 个 标题 ;选择 【顶部 〗 选 项 可 以 
将 表 的 第 一 行 作为 标题 行 , 以 便 为 表 中 的 每 一 列 输入 一 个 标题 ;选择 [两 者 选项 能 够 在 表 
中 输入 列 标题 和 行 标 题 。 

(7) 在 [辅助 功能 ] 区 域 中 ,可 以 在 [标题 ] 文 本 框 中 输入 一 个 显示 在 表格 外 的 表格 标 
题 ; 可 在 【对 齐 标题 】 下 拉 列 表 中 指定 表格 标题 相对 于 表格 的 显示 位 置 ; 在 【摘要 ] 文 本 框 中 
给 出 了 表格 的 说 明 , 但 是 该 文本 不 会 显示 在 用 户 的 浏览 器 中 。 

在 网 页 上 插入 一 个 表格 后 ,可 根据 需要 在 某 些 单元 格 中 插入 文本 、 图 像 或 各 种 多 媒体 
对 象 。 在 插入 文字 对 象 前 必须 先 将 光标 定位 在 该 单元 格 中 ,然后 可 直接 输入 文字 或 将 复 
制 在 剪贴 板 中 的 文字 对 象 粘贴 进 单元 格 内 。 

在 表格 中 插入 图像 或 其 他 多 媒体 对 象 的 方法 是 先 将 光标 定位 在 某 一 单元 格 内 ,然后 
单 击 【 插 入 ] 栏 [布局 〗 选 项 中 的 【图 像 3 或 【媒体 :flash】 按 钮 ,在 下 拉 列 表 中 选择 要 插入 的 
相应 选项 , 便 可 插入 图 像 或 其 他 多 媒体 对 象 。 


4.4.2 设置 表格 和 单元 格 的 属性 


1. 设置 表格 的 属性 


新 建 表格 后 ,可 在 表格 属性 面板 中 设置 表格 属性 来 改变 表格 的 外 观 特性 。 
先 在 网 页 编辑 器 窗口 中 选中 整个 表格 ,此 时 表格 的 属性 面板 如 图 4-9 所 示 。 
表格 属性 面板 中 参数 的 具体 意义 如 下 : 

(1) 在 【表格 Id] 文 本 框 中 可 输入 表格 名 称 。 


58 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


园 玲 3 行 E 宽 Foo ][ 人 未 国 划 守 5 和 [BA 国 类 加 | 天 国 中 


| | 加 ap ] ”高 全 ” 国 | ” 间距 边框 
号 mA] we | 
下 下 I 表 虹 图 笋 加) SO 


图 4-9 表格 的 [属性 了 面板 


(2) 在 【 行 ] 工 列 了 工 宽 ] 民 高 ] 工 填充 】 工 间距 【边框 了 等 参数 设置 方法 与 [表格 ] 对 话 
框 的 参数 设置 方法 相同 ,不 再 袭 述 。 

(3) 在 [对 齐 ] 下 拉 列 表 中 可 选择 表格 的 对 齐 方式 。 

(4) 单 击 [清除 列 宽 了 按钮 而 | 及 【清除 行 高 ] 按 钮 圈 , 可 清除 表格 属性 面板 中 列 宽 和 行 
高 的 数据 。 

(5) 单 击 [ 将 表格 宽度 转换 成 像素 3 按钮 顺和 [将 表格 高 度 转换 成 像素 ] 按 钮 大 ,可 将 
表格 宽度 和 高 度 的 单位 由 百分比 方式 转换 成 像素 。 

(6) 单 击 [ 将 表格 宽度 转换 成 百分比 3 按钮 国 和 【将 表格 高 度 转换 成 百分数 ] 按 钮 国 
可 将 表格 宽度 和 高 度 的 单位 由 像素 方式 转换 成 百分比 。 

(7) 在 [背景 颜色 】 和 【边框 颜色 ] 文 本 框 中 分 别 可 设置 表格 的 背景 颜色 和 边框 线 的 
颜色 。 

(8) 在 【背景 图 像 ] 文 本 框 中 输入 表格 背景 图 片 的 路 径 和 文件 名 。 


2. 设置 单元 格 的 属性 


在 对 表格 的 操作 过 程 中 ,为 了 突出 显示 某 一 部 分 数据 的 重要 性 ,常常 会 设置 选中 的 
行 、 列 或 者 是 某 几 个 单元 格 的 属性 。 选 中 一 个 或 多 个 单元 格 后 ,打开 单元 格 的 【属性 了 面 
板 , 如 图 4-10 所 示 。 


格式 [天 国 ”机 六 [无 图 CE JaBx 笃 笃 各 于 [| 
字体 |[ 陵 字 体 国 | “类 小 无 ” 国 a le 于 入 经 起 目标 v 

中 | 她 水 民国 宽 [] TD NRL |9D 
一 站 。 生 让 | 了 人 国 高 [，] 。 标题 口 。 衣 玉 [J  ] 罗 慌 [  ] a 


图 4-10 单元 格 的 [属性 面板 


其 中 各 项 参数 意义 如 下 : 

(1) 在 [水 平 ] 和 [垂直 】 下 拉 列 表 中 可 以 选择 单元 格 内 容 水 平 对 齐 和 垂直 对 齐 的 方 
式 ,4 种 水 平 对 齐 方 式 为 “默认 ”“ 左 对 齐 ” “居中”“ 右 对 齐 ”,5 种 垂直 对 齐 方 式 为 “ 默 
认 ”“ 顶 端 对 齐 ” “中间 对 齐 ”“ 底 部 对 齐 ”“ 基 线 对 齐 ”。 

(2)【 宽 ] 和 [高] 文本 框 中 输入 以 像素 为 单位 的 单元 格 的 宽度 和 高 度 。 若 输入 的 数据 
以 百分比 为 单位 , 则 可 在 数据 后 面 加 百分比 符号 % 。 

(3) 选中 [不 换行 ] 复 选 框 ,可 设置 文本 自动 换行 。 

(4) 在 【标题 】 复 选 框 中 ,选择 是 否 将 单元 格 设置 为 表格 的 标题 。 默 认 情况 下 ,标题 单 
元 格 中 的 内 容 将 被 设 为 粗 体 ,并 且 居 中 对 齐 。 

(5) 在 [背景 ] 文 本 框 中 设置 背景 图 片 的 文件 名 和 路 
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(6) 在 【背景 颜色 和 【边框 ] 文 本 框 中 设置 表格 的 背景 颜色 和 边框 线 的 颜色 。 

(7) 单 击 【 合 并 所 选 的 单元 格 ] 按 钮 国 , 可 用 于 合并 选中 的 单元 格 。 

(8) 单 击 【 拆 分 单元 格 为 行 和 列 ] 按 钮 读 , 可 用 于 拆 分 选中 的 单元 格 。 

单元 格 【 属 性 了 面板 的 上 半 部 分 与 文 气 属性 了 面板 相同 ,这些 参 数 意义 这 里 不 再 叙述 。 


4.4.3 选取 表格 和 单元 格 


要 对 表格 编辑 操作 ,首先 要 掌握 表格 行 、 列 以 及 单元 格 的 选择 方法 。 在 Dreamweaver 
8 中 选择 表格 元 素 的 方法 与 MS Office 软件 中 表格 元 素 的 选择 方法 相同 ,以 下 是 选择 表 
格 元 素 的 操作 方法 。 


1. 选择 单元 格 


(1) 选中 某 个 单元 格 的 2 种 方法 如 下 : 

@ 先 单 击 要 选择 的 单元 格 , 然 后 拖 动 鼠标 指针 到 相 邻 的 单元 格 中 , 当 被 选中 的 单元 
格 四 周 出 现 粗 边框 线 时 释放 鼠标 , 即 可 选中 该 单元 格 。 

@ 单 击 要 选择 的 单元 格 , 然 后 单 击 状态 栏 左 侧 标签 选择 器 的 二 td 二 , 便 可 选中 该 单 
元 格 。 

(2) 选中 多 个 相 邻 的 单元 格 2 种 方法 如 下 : 

Q@ 单 击 第 1 个 单元 格 ,然后 拖 动 鼠标 指针 到 最 后 一 个 单元 格 , 即 可 将 这 组 相 邻 的 单 
元 格 选中 。 

@ 单 击 第 1 个 单元 格 ,然后 按 住 Shift 键 ,再 单 击 这 组 相 邻 单元 格 的 最 后 一 个 单元 
格 ,就 可 选中 这 组 相 邻 的 单元 格 。 

(3) 选择 多 个 不 相 邻 的 单元 格 的 方法 如 下 : 

g@ 按 住 Ctrl 键 , 然 后 再 分 别 单 击 要 选中 的 那些 不 相 邻 的 单元 格 , 这 时 被 单 击 的 单元 
格 就 可 被 选中 。 

@ 阁 在 按 住 Ctrl 键 的 同时 , 青 次 单 击 选中 的 单元 格 , 将 取消 该 单元 格 的 选择 。 

(4) 选择 表格 行 的 2 种 方法 如 下 : 

J@ 将 鼠标 指针 指向 表格 的 左边 框 线 , 当 光 标 变 为 * 趾 ”时 单 击 ,可 选中 该 行 ,此 时 如 果 
拖 动 鼠标 指针 可 同时 选择 多 行 。 

@ 先 单 击 某 行 的 单元 格 ,然后 单 击 状态 栏 左 侧 标签 选择 器 的 二 tr> , 便 可 选中 该 行 。 

(5) 选择 表格 列 的 方法 如 下 : 

将 鼠标 指向 表格 的 上 边框 线 , 当 光标 变 为 “ 量 ? 时 单 击 , 可 选中 该 列 ,此 时 如 果 拖 动 鼠 
标 指 针 可 同时 选择 多 列 。 


2. 选择 表格 


选择 整个 表格 有 以 下 4 种 方法 : 
(1) 先 单 击 某 个 单元 格 ,然后 单 击 状态 栏 左 侧 标签 选择 器 的 二 table> , 便 可 选中 该 
表格 。 
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(2) 先 单 击 表格 中 某 一 单元 格 , 然 后 选择 [修改 】I【 表 格 】I【 选 择 表 格 ] 命 令 , 也 可 选中 
整个 表格 。 

(3) 先 单 击 表格 中 某 一 单元 格 , 按 两 次 Ctrl 十 A 组 合 键 ,也 可 选中 整个 表格 。 

(4) 单 击 表格 的 右边 框 线 或 下 边框 线 ,可 选中 整个 表格 。 


4.4.4 表格 的 嵌 套 


在 Dreamweaver 8 中 ,对 于 表格 的 从 套 没有 特别 的 限制 ,表格 完全 可 以 像 文本 和 图 像 
一 样 直接 插入 到 其 他 表格 的 单元 格 中 ,然后 通过 对 单元 格 的 拆 分 和 合并 等 编辑 操作 ,完成 
更 复杂 表格 的 媒 套 操作 。 

嵌 套 的 表格 往往 用 作 页 面 布局 , 它 起 到 了 页 面 元 素 定位 的 作用 ,此 时 表格 边框 线 的 宽 
度 应 该 设 为 0, 和 否则 将 会 影响 页 面 的 美观 。 

将 光标 插入 当前 表格 的 某 个 单元 格 内 ,然后 可 选择 【 插 人 ] 民 表格 命令 ,在 【表格 】 对 
话 框 中 输入 新 表格 的 属性 ,这样 便 可 以 在 当前 单元 格 内 再 插入 一 个 表格 ,这 就 是 表格 的 乱 

在 网 页 表格 中 理论 上 可 以 有 多 层 嵌 套 , 但 是 表格 多 层 嵌 套 后 会 直接 影响 浏览 速度 , 故 
表格 柑 套 层 数 不 宜 过 多 。 


4.5 表格 的 编辑 修改 与 格式 化 
1. 改变 表格 或 单元 格 的 大 小 


在 表格 实际 应 用 中 ,往往 会 根据 需要 对 表格 的 尺寸 进行 调整 。 修 改 表 格 尺寸 的 方法 
有 两 种 :一 种 是 用 鼠标 拖 鼻 表格 线 或 表格 的 活动 块 来 调整 表格 的 大 小 ; 另 一 种 是 用 表格 的 
【属性 ] 面 板 来 修改 表格 尺寸 。 

1) 用 鼠标 拖 忠 调整 表格 大 小 

用 鼠标 拖 忠 调整 表格 大 小 的 操作 步骤 如 下 : 

(1) 选中 整个 表格 。 

(2) 表格 四 周 被 黑色 边框 线 和 8 个 活动 块 框 住 。 

(3) 用 鼠标 指针 对 准 活动 块 ,指针 变 成 双向 箭头 后 拖 忠 活动 块 ,就 可 调整 表格 的 
凡 寺 3 

(4) 将 鼠标 指针 指向 要 调整 的 行 和 列 的 边框 线 。 

(5) 此 时 鼠标 指针 变 为 “dP” 和 “二 ”形状 , 拖 中 鼠标 便 可 调整 行 高 和 列 宽 。 

2) 用 表格 的 [属性 了】 面板 调整 表格 和 单元 格 的 行 高 及 列 宽 

(1) 先 选中 整个 表格 ,在 表格 的 [属性 了 面板 中 直接 修改 [ 宽 ] 了 和 【高 3 的 数值 ,可 修改 表 
格 的 尺寸 。 

(2) 选中 某 个 单元 格 , 在 表格 的 [属性] 面板 中 直接 修改 [ 宽 ] 和 【高 3 的 数值 ,就 可 调整 


第 4 章 ” 层 与 表格 及 其 应 用 一 一 一 一 一 一 一 一 61 


单元 格 所 在 行 和 列 的 行 高 及 列 宽 。 
2. 表格 行列 的 增加 和 删除 


在 网 页 设计 的 过 程 中 常常 会 根据 需要 增加 和 删除 表格 中 的 行 或 列 , 这 类 操作 可 以 通 
过 表格 的 [属性 ] 面 板 和 [修改] 菜单 来 完成 。 

1) 通过 【属性 了 面板 完成 增加 与 删除 表格 的 行 和 列 

选中 当前 表格 ,在 表格 的 [属性 3 面板 的 [ 行 ] 和 [ 列 ] 文 本 框 中 记录 了 当前 表格 的 行列 
数 ,可 以 通过 调整 其 中 的 数值 来 增加 和 删除 表格 的 行 数 、 列 数 ,用 这 种 方法 完成 表格 增 、 删 
行 与 列 的 操作 都 是 针对 表格 的 最 下 边 的 行 和 最 右边 的 列 而 言 的 。 

2) 通过 [修改] 菜单 完成 增加 与 删除 表格 行 和 列 

用 [修改] 菜单 完成 增加 与 删除 表格 行 和 列 的 操作 方法 如 下 : 

(1) 选中 表格 的 某 个 单元 格 或 将 光标 插入 该 单元 格 中 。 

(2) 选择 【修改 】I【 表 格 】I【 插 入 行 ] 命 令 或 选择 [修改 】I【 表 格 】I【 插 入 列 ] 命 令 , 在 该 
单元 格 上 边 增 加 一 行 或 在 该 单元 格 左 边 增 加 一 列 。 

(3) 选择 【修改 代表 格 了 民 插 入 行 或 列 ] 命 
令 ,此 时 屏幕 弹出 【插入 行 或 列 】 对 话 框 , 在 对 话 


Ke 
I 


插入 : @ 生 夯 ] 
杠 中 设置 插入 行 还 是 列 ,插入 行 , 列 的 数量 ,在 当 | ”Cm 
前 行 ( 列 ) 上 边 (前边 ) 还 是 下 边 (后 边 ) 持 入 行 和 
( 列 ) ,如 图 4-11 所 示 。 Oma2To 
C4) 选中 表格 中 的 某 行 或 列 , 选择 [编辑 ]| 。。。 册 411 【白人 行 或 列 ] 对 话 相 


【清除 ] 命 令 , 便 可 删除 该 行 或 列 。 

(5) 将 光标 插入 在 表格 的 某 个 单元 格 中 ,选择 【修改 】I【 表 格 】I【 圳 除 行 ] 或 【修改 】 
【表格 了 民 删 除 列 了 命令 ,也 可 删除 该 行 或 列 。 

(6) 将 光标 插入 在 表格 的 某 个 单元 格 中 右 击 ,在 快捷 菜单 中 选择 [表格 了 从 删除 行 3 或 
【表格 了 民 删 除 列 了 命令 ,也 可 完成 删除 该 行 或 列 的 操作 。 


3. 单元 格 的 拆 分 和 合并 
在 表格 编辑 操作 过 程 中 ,还 常常 会 根据 需要 对 表格 的 某 些 单元 格 进行 拆 分 和 合并 的 


1) 单元 格 的 合并 操作 
单 击 表格 属性 面板 右 下角 的 按钮 图 ,将 表格 的 5 属性】 面板 全 部 展开 ,选中 要 合并 的 
几 个 单元 格 ,这 些 单元 格 四 周 会 被 出 现 的 粗 框 线 框 住 , 单 击 表格 【属性 了 面板 左下 方 的 合并 
按钮 | .完成 单元 格 的 合并 操作 。 

2) 单元 格 的 拆 分 操作 
单 击 表格 属性 面板 右 下 角 的 图 按钮 ,将 面板 全 部 展开 ,将 光标 定位 在 要 拆 分 的 单元 
格 中 , 单 击 表格 属性 面板 左下 方 的 拆 分 按钮 国 , 此 时 屏幕 弹出 【 拆 分 单元 格 ] 对 话 框 ,如 图 
4-12 所 示 。 在 【 拆 分 单元 格 】 对 话 框 中 设 定 拆 分 方式 。 若 要 上 下 拆 分 单元 格 ,选择 [ 行 ] 先 
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项 ; 若 要 左右 拆 分 单元 格 , 选 择 【 列 】 选 项 ,在 【 行 
数 了 或 【 列 数 了 文本 框 中 输入 拆 分 单元 格 的 数值 ， 
单 击 【确定 了 按钮 完成 单元 格 的 拆 分 操作 。 

若 单元 格 拆 分 前 有 内 容 , 单 元 格 拆 分 后 内 容 
要 做 相应 的 调整 。 


4. 表格 的 样式 化 图 4-12 【 拆 分 单元 格 ] 对 话 框 


表格 样式 化 是 利用 Dreamweaver 8 中 提供 的 17 种 预先 设置 好 的 表格 格式 ,对 页 面 上 
当前 选中 的 表格 进行 快速 格式 化 。 用 系统 提供 的 表格 样式 可 以 统一 网 页 上 表格 的 形式 ， 
简化 对 表格 格式 化 的 过 程 。 

应 用 表格 样式 格式 化 表格 的 操作 步骤 如 下 : 

(1) 选中 网 页 上 要 套用 格式 的 表格 。 

(2) 选择 [命令 3I【 格 式 化 表格 ] 命 令 , 此 时 屏幕 弹出 【格式 化 表格 对话 框 ,如 图 4-13 
所 示 。 


第 一 行 : ”对 齐 : | 居中 
背景 色 ， 世 | [#5633c5 


最 左 列 : ”对 齐 : | 居中 对 齐 国 | 文字 样式 : 
过 格 。 过 上 2:E_ |] 
口 将 所 有 属性 套用 至 TD 标注 而 不 是 TR 标 答 


图 4-13 【格式 化 表格 ] 对 话 框 


(3) 从 列表 框 中 选择 内 置 的 某 种 表格 格式 ,此 时 在 对 话 框 右 侧 可 以 看 到 预览 的 效果 。 
对 话 框 中 的 参数 还 可 以 重新 设置 ,参数 的 意义 如 下 : 

“【 行 颜色 了 是 设置 表格 中 行 的 颜色 方案 。 

*【 第 一 种 ] 与 [第 二 种 了 是 分 别 输入 表格 行使 用 的 第 1、2 种 颜色 。 

。 在 【交错 了 下拉 列表 中 ,可 以 选择 两 种 以 上 的 颜色 在 表格 中 交 蔡 显示 的 方式 。 

。 在 【第 一 行 ] 区 域 中 可 分 别 设置 表格 顶 行 的 对 齐 方式 .字形 .背景 颜色 和 文本 颜色 。 
在 【最 左 列 ] 区 域 中 可 分 别 设置 表格 左边 第 一 列 的 对 齐 方式 和 文字 样式 。 

。 在 【边框 ] 文 本 框 中 ,可 以 设置 表格 边框 线 的 宽度 。 

如 果 选 中 对 话 框 底部 的 复 选项 , 则 该 操作 将 属性 值 全 部 写 在 二 td 二 标注 中 ,而 不 
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写 在 一 tr 之 标签 中 。 
(4) 设置 完成 后 , 单 击 【应 用 按钮 观察 效果 。 如 果 正 确 无 误 , 可 单 击 【确定 】 按 钮 
确认 。 


4.6 页 面 的 布局 表格 和 布局 单元 格 


Dreamweaver 8 网 页 页 面 布 局 有 两 种 工作 模式 ,分 别 是 【标准 模式 了 和 【布局 模式 】。 
Dreamweaver 8 默认 的 工作 模式 是 【标准 模式 了 ,在 【标准 模式 了 模式 下 ,用 表格 或 甬 套 表格 
可 对 网 页 的 页 面 元 素 进行 定位 。 但 在 规划 网 页 页 面 布局 时 ,使 用 [布局 模式 了 来 对 网 页 的 
页 面 元 素 进行 定位 更 为 方便 。 在 【布局 模式 ]〗 中 ,系统 设置 了 一 些 很 方便 .直观 人 性 化 的 
功能 ,使 设计 者 在 【布局 模式 ] 中 对 页 面 的 布局 处 理 起 来 更 加 得 心 应 手 。 

在 Dreamweaver 8 的 [插入 ] 栏 的 [布局 选项 中 有 [标准 模式 】 和 【布局 模式 】2 个 按 
钮 , 单 击 这 2 个 按钮 可 进行 2 种 模式 的 切换 ,如 图 4-14 所 示 。 


| 布局 国 园 自 [FER 局 仿生 | 迪 尽 各 赔 轩 -加 
图 4-14 ”切换 为 标准 模式 


4.6.1 创建 和 调整 布局 表格 与 布局 单元 格 


用 【布局 视图 了 规划 网 页 布局 的 操作 步骤 如 下 : 

(1) 新 建 一 个 页 面 ,并 在 【插入 了 面板 组 的 [布局 3 选项 卡 中 进行 视图 工作 模式 切换 ,如 
图 4-14 所 示 。 

(2) 单 击 【 布 局 模式 按钮 后 ,系统 显示 [从 布局 模式 开始 对话 框 ,对 话 框 中 显示 一 些 
简单 的 布局 视图 的 使 用 信息 ,如 图 4-15 所 示 。 单 击 【 确 定 ] 按 钮 便 可 进入 【布局 模式 】。 


QD 要 和 格 ， 请 选择 “插入 ” 栏 的 “布局 ” 基 别 ， 汪 
已 志和 SB i 


[| 


a 


口 raz. | 


图 4-15 【从 布局 模式 开始 ] 对 话 框 


(3) 单 击 [ 布 局 模式 】 区 域 中 的 【布局 表格 按钮 是 .将 鼠标 指针 移 到 网 页 编辑 窗口 中 ， 
此 时 鼠标 指针 变 为 “十 ”形状 ,在 指定 位 置 处 拖 忠 鼠标 指针 ,就 可 以 在 网 页 编辑 窗口 中 画 出 
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布局 表格 。 在 绘制 布局 表格 的 地 方 不 能 有 任何 文字 和 图 片 。 

(4) 如 果 在 同一 页 面 上 还 需要 绘制 其 他 的 布局 表格 , 按 住 Ctrl 键 重复 上 述 步骤 可 以 
连续 画 多 个 布局 表格 。 

(5) 在 布局 表格 中 必须 画 好 布局 单元 格 后 才 可 以 插入 文字 或 图 片 等 对 象 。 单 击 【 布 
局 模式 】 区 域 中 的 【布局 单元 格 ] 按 钮 三. 在 布局 表格 中 根据 需要 画 出 多 个 布局 单元 格 。 

(6) 在 布局 单元 格 中 ,可 以 根据 页 面 需要 输入 文字 或 插入 图 片 等 对 象 ,如 图 4-16 所 示 。 


布局 时 画 七 区 量 [ 基 是 5] 总 基 | 莹 民 说 咕 国 : 鲍 
| 泊 | 可 区 辐 龟 | 兰 让 匈 | nn 


Watitled 4 


i 回 霹 ED 了 和 CI 


@ 
0 


so S370 3+ 3 
$00 (60) ~ 


机 局 下 格 训 GBEE ”mn ] 高 Bo] ME 名 各 关 @| 元 ” 国 
[| 〇 Bat 区 RARaFE | ED 品 问 5 国有 


图 4-16 网 页 中 插入 布局 表格 和 布局 单元 格 


(7) 如 果 要 调整 布局 表格 或 布局 单元 格 的 大 小 及 其 中 内 容 的 属性 ,可 选中 布局 表格 
或 布局 单元 格 , 并 在 布局 表格 或 布局 单元 格 的 [属性 面板 中 完成 它们 的 属性 设置 。 


4.6.2 标准 模式 和 布局 模式 的 应 用 实例 


例 4.2 制作 满足 下 列 要 求 的 网 页 ,网 页 效果 如 图 4-17 所 示 。 

(1) 页 面 的 背景 图 片 为 :bg0005. jpg。 

(2) 在 合适 的 位 置 插入 图 片 :bg0012. jpg 和 welcome. jpg。 

(3) 在 网 页 中 输入 竖 排 的 文字 : 

“普罗 米 修 斯 为 人 们 带 来 了 火 的 种 子 , 所 以 我 们 热爱 这 个 绒 新 的 世界 ,为 了 她 的 光明 。 
现在 我 们 的 书 也 将 引领 你 走 进 男 一 个 世界 ,为 了 它 的 绚烂 ”。 

(4) 将 网 页 以 exa4-2. htm 为 名 保存 在 本 地 站 点 My site 中 。 


制作 分 析 : 
从 网 页 样张 上 可 以 看 出 本 例 网 页 上 的 文字 、 图 像 等 页 面 元 素 排 列 很 规则 ,可 以 用 表格 
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EEC 
Tg | | 国 设 + | 标本 请 竹 的 可 用 实 册 CE 
i 上 1 L TT 1 IT 
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和 
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3 | STMNLE8 加 [cs Jam 了 这 [大] 要 要 ” 久 扩 国 8O 


字体 [华文 各 大 小 24 售 素 bx 国 。 本 |Er3p0c ] 生 泣 生 二 目标 | “| 
EE 宽 [ 末 ”和 T 执 行 口 。 青 是 so CRE 
= Er 


图 4-17 应 用 实例 示意 图 


对 页 面 元 素 定位 。 用 于 定位 的 表格 是 3 行 8 列 ,分 别 合 并 第 1 行 和 第 2 行 的 单元 格 后 , 插 
人 指定 的 图 像 ;在 第 3 行 的 单元 格 中 按 题 意 输入 文字 , 按 Shift 十 Enter 快捷 键 完成 文字 的 
换行 。 

操作 步 又 如 下 : 

(1) 检查 本 地 站 点 根 文件 夹 My site 中 与 本 例 有 关 的 素材 是 否 正确 。 

(2) 选 抬 [ 站 点 了 (管理 站 点 了 命令 ,检查 当前 站 点 设置 是 否 正确 。 

(3) 在 网 页 文档 窗口 中 ,选择 [修改 YI【 页 面 属性 ] 命 令 , 在 【页 面 属性 】 对 话 框 中 做 各 
项 参数 的 设置 。 

(4) 在 [外 观 ] 分 类 中 , 单 击 文本 框 [ 背 景 图像 ] 右 边 的 [浏览] 按钮 ,选择 本 地 站 点 的 
img 文件 夹 中 的 图 像 文件 bg0005. jpg 后 . 单 击 【确认 ] 按 钮 ;将 背景 图 像 设置 为 【重复 】; 将 
【左边 距 】【 右 边 距 】【 上 边 距 】【 下 边 距 ] 分 别 设置 为 0; 然后 单 击 【 确 定 ] 按 钮 确认 。 

(5) 在 【标题 /编码 ] 分 类 中 ,输入 【标题 ] 的 内 容 为 :表格 的 应 用 实例 ;页 面 属性 ] 的 其 
他 参数 默认 ; 单 击 【确认 了 按钮 完成 页 面 属性 设置 。 

(6) 选择 【文件 3I【 保 存 ] 命 令 , 将 网 页 以 exa4-2. htm 为 名 保存 在 本 地 站 点 My 
site 中 。 

(7) 选择 [插入 】I【 表 格 ] 命 令 ,在 【表格 ] 对 话 框 中 设置 表格 参数 。 

Qa 设置 [ 行 数 ] 为 3,【 列 数 ] 为 8.【 宽 度 ] 为 640 像素 。 

@ 设置 表格 的 【边框 粗细 了 为 0, 即 不 使 用 边框 效果 ,【 单 元 格 边 距 】 和 【单元 格 间距 】 
为 0。 

@ 设置 [页 眉 ] 为 “无 ”, 其 他 参数 默认 ,确认 后 在 网 页 文档 窗口 插入 表格 。 
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(8) 在 表格 的 [属性] 面板 中 ,选择 表格 的 【对 齐 ] 方 式 为 “居中 对 齐 ”。 分别 选中 表格 
第 1 行 和 第 2 行 的 单元 格 , 单 击 表格 左下 角 的 【合并 所 选单 元 格 ] 按 钮 ,分 别 将 表格 第 1 行 
和 第 2 行 各 合并 为 一 个 单元 格 。 

(9) 选择 [插入 】I【 图 像 ] 命 令 , 在 第 1 行 合 并 后 的 单元 格 中 插入 img 文件 夹 中 的 文件 
bg0012. jpg, 选 中 该 图 像 ,在 【属性 面板 中 ,将 【 宽 ] 设 置 为 640 像素 。 

(10) 将 光标 定位 在 第 2 行 合并 后 的 单元 格 中 ,用 上 述 相同 的 方法 插入 文件 
welcome. jpg, 在 【属性 了 面板 中 单 击 【居中 了 按钮 ,使 图 像 在 单元 格 中 居中 。 

(11) 选中 第 3 行 的 全 部 单元 格 , 在 【属性 了 面板 中 ,设置 单元 格 的 【 宽 了 为 80 像素 ， 
【高 ] 为 300 像素 。 

(12) 在 表格 中 输入 文本 内 容 , 输 入 文字 前 要 设置 文字 的 颜色 .字体 和 字号 。 在 文字 
的 【属性 了 面板 中 , 单 击 【 文 本 颜色 】 框 右 下 角 的 三 角形 按钮 ,用 颜色 选取 吸管 测试 
“welcome” 字 符 的 颜色 为 #573d0c, 将 其 设置 为 中 文 文字 的 颜色 ;设置 [字体] 为 “华文 行 
楷 ”, 设 置 文字 [大 小 为 24 像素 。 

(13) 输入 题目 要 求 的 文字 ,每 输入 1 个 文字 按 Shift 十 Enter 快捷 键 完成 文字 的 换 
行 , 然 后 按 功能 键 F12 预览 网 页 。 

(14) 选择 [文件 了 攻 保 存 ] 命 令 , 将 网 页 以 exa4-2. htm 为 名 保存 在 本 地 站 点 My 
site 中 。 

例 4.3 制作 具有 下 列 要 求 的 网 页 ,如 图 4-18 所 示 。 


图 4-18 布局 模式 的 应 用 实例 示意 图 


(1) 创建 名 为 exa4-3. html 的 网 页 文件 ,网 页 的 背景 图 片 为 bg0040. gif, 网 页 文件 保 
存在 My site 文件 夹 中 。 
(2) 在 网 页 中 创建 800X600 像素 的 布局 表格 ,在 网 页 顶部 位 置 上 插入 1 个 800 X80 
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像素 的 布局 单元 格 ,在 网 页 左边 合适 的 位 置 上 插入 4 个 79X79 像素 的 布局 单元 格 , 在 网 
页 右边 合适 的 位 置 上 插入 1 个 170X170 像素 的 布局 单元 格 。 

(3) 在 网 页 的 顶部 区 域 的 布局 单元 格 中 插入 ch04 素材 文件 夹 中 的 Flash 文件 
shu. swf。 

(4) 在 网 页 的 左边 插入 的 4 个 布局 单元 格 中 分 别 插入 ch04 素材 文件 夹 中 的 图 片 文 
件 t4_1.gif\t4 2. gif\t4_3. gif\t4_4. gif。 

(5) 在 网 页 右边 的 布局 单元 格 中 插入 ch04 素材 文件 夹 中 的 逐 帧 动画 文件 shu_ 
1. gif 

(6) 预览 页 面 效 果 后 ,保存 网 页 文件 。 

制作 分 析 : 

本 例 的 网 页 页 面 上 要 插入 大 小 不 一 、 位 置 各 异 的 图 像 、gif 逐 帧 动画 和 Flash 动画 等 
网 页 元 素 ,用 层 和 表格 对 这 些 页 面 元 素 定 位 都 不 合适 。 用 层 对 网 页 元 素 定 位 ,在 不 同 的 浏 
览 器 中 显示 时 ,会 出 现 定位 偏差 的 问题 ,而 且 网 页 上 层 用 得 过 多 还 会 影响 网 页 的 浏览 速 
度 。 用 表格 对 布局 不 规则 的 网 页 元 素 定 位 ,制作 时 比较 困难 。 

本 例 可 采用 布局 表格 和 布局 单元 格 对 网 页 页 面 元 素 定 位 ,布局 表格 和 布局 单元 格 作 
为 定位 工具 操作 方便 、 效 率 较 高 ,特别 适用 于 布局 不 规则 的 网 页 设计 。 

在 创建 新 网 页 文档 后 ,可 先 绘制 与 要 制作 的 网 页 相同 大 小 的 布局 表格 ,然后 在 布局 表 
格 中 逐个 绘制 布局 单元 格 , 在 布局 单元 格 中 插入 网 页 元 素 。 单 击 布局 单元 格 的 边框 线 将 
其 选中 ,可 用 鼠标 指针 拖 忠 直接 调整 布局 单元 格 在 网 页 上 的 位 置 。 

本 例 的 操作 步骤 如 下 : 

(1) 将 本 章 素材 文件 夹 中 的 素材 复制 到 文件 夹 My site 中 ,并 将 其 设 为 本 地 站 点 。 

(2) 新 建 一 个 页 面 ,选择 [修改 ] 民 页 面 属性 命令 ,在 【页 面 属性 对话 框 中 设置 背景 
图 片 为 bg0040. gif, 将 【左边 距 】【 右 边 距 】【 上 边 距 】【 下 边 距 分 别 设置 为 0。 在 [分 类 】 
列表 中 选择 [标题 /编码 〗 选 项 ,在 [标题 ] 文 本 框 中 输入 :实例 二 ,其 他 参数 默认 ,然后 单 击 
【确认 3 按钮 确认 。 并 将 网 页 以 exa4-3. html 为 名 保存 在 My site 文件 夹 中 。 

(3) 在 [插入 ] 栏 的 [布局 选项 中 进行 工作 模式 切换 , 单 击 【 布 局 模式 按钮 后 ,进入 
【布局 模式 】。 

(4) 单 击 [ 布 局 模式 ] 区 域 中 的 [布局 表格 3 按钮 十 ,将 鼠标 指针 移 到 网 页 编辑 窗口 中 ， 
此 时 鼠标 指针 变 为 “十 ”形状 ,在 指定 位 置 处 拖 忠 鼠标 画 出 800 X600 像素 的 布局 表格 。 

(5) 在 页 面 的 合适 位 置 上 按 住 Ctrl 键 分 别 按 题目 要 求 画 出 6 个 布局 单元 格 。 

(6) 在 网 页 顶部 的 布局 单元 格 中 插入 光标 , 单 击 【插入 ] 栏 的 【常用 】 选 项 的 [Flash】 按 
钮 磊 , 或 选择 [插入 了 民 媒 体 ]KFlash] 命 令 , 此 时 可 在 网 页 顶部 的 布局 单元 格 中 插入 Flash 
文件 shu. swf。 

(7) 在 网 页 其 他 5 个 布局 单元 格 中 分 别 插入 光标 , 单 击 【 插 入 了 面板 【常用 选项 卡 的 
【图 像 ] 按 钮 图 ,或 选择 [插入 】I【 图 像 ] 命 令 , 此 时 可 在 网 页 其 他 5 个 布局 单元 格 中 搬入 图 
像 文 件 t4_1. gif\t4_2. gif\t4_3. gif\t4_4. gif shu_1. gif。 
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(8) 按 F12 键 预览 页 面 ,屏幕 显示 如 图 4-19 所 示 的 结果 后 ,保存 文件 。 


可 无 标题 文档 - 了 icrosoft Internet Explorer 
文件 FE) 编辑 EE) ”查看 上 收藏 和 ) 工具 亿 


图 4-19 应 用 实例 浏览 结果 
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5 攻 ”超级 链接 与 框架 网 页 


第 及 其 应 用 


知识 点 
。 各 种 超级 链接 的 创建 与 应 用 
。 框架 网 页 的 创建 、 编 辑 和 保存 的 方法 


5.1 超级 链接 及 其 应 用 


5.1.1 超级 链接 概述 


超级 链接 能 把 Internet 上 众多 的 网 站 和 网 页 联系 起 来 ,为 畅游 网 络 提供 了 方便 ,真正 
实现 了 网 络 无 国界 ,是 网 页 制作 中 使 用 得 比较 多 的 一 种 技术 。 

超级 链接 是 用 预先 准备 好 的 文本 、 按 钮 .图 像 等 对 象 与 其 他 对 象 建立 一 种 链接 ,也 就 
是 在 源 端 点 和 目标 端点 之 间 建 立 一 种 链接 。 源 端点 是 超级 链接 的 起 始 端点 ,也 称 为 源 锚 ; 
目标 端点 是 链接 的 对 象 , 也 称 为 目标 锚 。 

超级 链接 按 源 端点 的 链接 划分 ,可 分 为 超 文 本 链接 和 非 超 文本 链接 两 类 。 超 文本 链 
接 的 源 锚 文本 下 方 有 下 划 线 。 非 超 文本 链接 是 用 除 文本 之 外 的 其 他 对 象 构 建 的 链接 , 源 
锚 可 以 是 图 像 或 其 他 多 媒体 对 象 。 

超级 链接 按 目标 端点 的 链接 划分 ,可 分 为 外 部 链接 .内 部 链接 .电子 邮件 链接 等 。 

在 超级 链接 中 ,链接 路 径 是 通过 URL 来 确定 的 。 根 据 使 用 的 协议 不 同 , URL 的 形 
式 也 不 同 , 常 用 的 形式 有 HTTP、FTP 和 File 几 种 。 

(1) HTTP 开头 的 URL 一 般 指向 WWW 服务 器 ,通常 又 称 为 网 址 。 

(2) FTP 开头 的 URL 主要 用 于 文件 的 传递 ,包括 文件 的 上 传 和 下 载 。 

(3) File 开头 的 URL 主要 访问 本 地 计算 机 中 的 文件 信息 。 

在 超级 链接 中 ,使 用 完整 的 URL 地 址 的 链接 路 径 称 为 绝对 路 径 。 绝 对 路 径 指明 目 
标 端点 所 在 的 具体 位 置 。 在 超级 链接 中 ,指明 目标 端点 与 源 端 点 的 相对 位 置 关系 的 路 径 
称 为 相对 路 径 。 


5.1.2 创建 超级 链接 的 方法 


在 Dreamweaver 8 中 可 以 很 方便 地 为 文本 、 图 像 、 多 媒体 等 对 象 创建 超级 链接 ,创建 
超级 链接 的 方法 有 以 下 几 种 。 

(1) 在 网 页 文档 窗口 中 选中 超级 链接 源 端 点 的 对 象 , 然 后 选择 [修改 】I【 创 建 链接 ] 命 
令 ,打开 【 选 择 文件 ] 对 话 框 窗口 ,选中 超级 链接 目标 端点 便 可 创建 链接 。 

(2) 在 网 页 文档 窗口 中 选中 超级 链接 源 端 点 的 对 象 后 右 击 ,在 快捷 菜单 中 选择 【创建 
链接 命令 ,打开 [选择 文件 ] 对 话 框 窗口 ,选中 超级 链接 目标 端点 便 可 创建 链接 。 

(3) 在 网 页 文档 窗口 中 选中 超级 链接 源 端 点 的 对 象 ,然后 在 [属性] 面板 的 [链接 ] 文 
本 框 中 输入 超级 链接 目标 端点 及 路 径 便 可 创建 超级 链接 ,或 单 击 【 链 接 ] 文 本 框 右边 的 国 
按钮 ,打开 【选择 文件 ] 对 话 框 窗口 ,选择 超级 链接 目标 端点 便 可 创建 超级 链接 ,如 
图 5-1 所 示 。 


图 5-1 【属性 了 面板 


(4) 在 网 页 文档 窗口 中 选中 源 端点 ,然后 单 击 [属性 了 面板 的 【链接 文本 框 右 侧 的 【 指 
向 文件 按钮 ,在 站 点 管理 器 窗口 中 选择 目标 端点 , 便 可 创建 超级 链接 ,如 图 5-2 所 示 。 
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图 5-2 利用 [指向 文件 3 按钮 创建 超级 链接 


5.1.3 创建 锚 点 链接 

在 网 页 的 设计 中 ,要 创建 某 个 网 页 的 某 个 指定 位 置 的 超级 链接 被 称 为 创建 网 页 的 锚 
点 链接 。 创 建 网 页 的 错 点 链接 可 分 两 步 完 成 , 先 在 某 个 网 页 的 某 指定 位 置 处 创建 超级 链 
接 的 目标 端点 ( 即 错 点 ) ,并 为 其 命名 。 然 后 在 超级 链接 源 端 点 处 建立 该 错 点 的 超级 链接 。 
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在 浏览 网 页 时 , 单 击 超级 链接 的 源 端点 ,马上 就 可 以 转 跳 到 锚 点 处 浏览 网 页 内 容 。 

在 网 页 上 创建 锚 点 链接 的 操作 步骤 如 下 : 

(1) 在 被 连接 的 网 页 上 选择 要 插入 锚 点 的 位 置 。 

(2) 选择 [插入 了 民 命 名 锚 记 了 命令 ;或 者 单 击 [ 插 入 了 栏 的 [常用 选项 中 的 勋 按钮 ;也 可 
用 鼠标 指针 将 该 按钮 古 拖 到 网 页 目标 端点 处 。 

(3) 在 弹出 的 【命名 锚 记 对 话 框 中 ,输入 
锚 点 的 名 称 ,如 图 5-3 所 示 ,并 单 击 【确定 了 按钮 
确认 。 

(4) 打开 源 端点 所 在 的 网 页 , 选 定 图 片 或 
一 段 文本 作为 源 端点 。 

(5) 若 源 端点 和 目标 端点 在 同一 网 页 中 ,可 在 [属性] 面板 的 【链接 文本 框 中 输入 : 
# 锚 点 名 字 , 这 样 就 建立 了 网 页 的 内 部 锚 点 链接 。 若 锚 点 的 源 端 点 和 目标 端点 不 在 同一 
网 页 中 , 则 要 在 [属性 面板 的 [链接 ] 文 本 框 中 输入 :文件 名 . htm# 锚 点 名 字 , 才 能 建立 不 
同 页 面 之 间 的 外 部 锚 点 链接 。 


图 5-3 【命名 锚 记 对话 框 


5.1.4 创建 E-mail 链接 


E-mail 链接 的 方式 在 很 多 网 页 中 都 被 广泛 地 采用 , 当 浏 览 者 单 击 该 链接 时 ,系统 会 
启动 电子 邮件 发 送 程序 (如 Outlook Express) ,并 将 网 页 设计 者 的 邮件 地 址 放 在 【 收 件 人 ]】 
文本 框 中 ,为 浏览 者 发 送 电子 邮件 做 好 准备 ,这 种 链接 方式 方便 了 信息 的 交流 与 反馈 。 

在 网 页 上 创建 E-mail 链接 的 步骤 如 下 : 

(1) 在 网 页 上 选择 准备 作为 邮件 链接 的 文字 ,例如 :请 与 我 联系 "“ 请 提 意 见 ” 等 。 

(2) 选择 [ 插 人 了 区 电 子 邮件 链接 了 命令 ,或 者 在 【插入 了 栏 的 [常用 选项 中 单 击 【电子 
邮件 链接 了 按钮 加 .此 时 网 页 文档 窗口 弹出 [电子 邮件 链接 】 对 话 框 ,如 图 5-4 所 示 。 


ET 
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图 5-4 【电子 邮件 链接 对话 杠 


(3) 在 E-mail 编辑 框 中 输入 自己 的 电子 邮件 地 址 ,然后 单 击 【 确 定 了 按钮 确认 。 

在 网 页 上 创建 E-mail 链接 另 一 种 方法 的 操作 步骤 如 下 : 

(1) 在 网 页 上 选中 准备 作为 邮件 链接 的 源 端点 对 象 。 

(2) 在 [属性] 面板 的 [链接] 文本 框 中 输入 :“mailto: 电 子 邮 件 地 址 ”, 如 图 5-5 所 示 。 


图 CCcs JaBZ 圣 委 雪 对 。 链接 [milto sbe9968online sh cn 周 g 已 2 
v| 本 湛江 和 些 择 目标 回 


BE] 


默认 字体 大 小 


图 5-5 在 【属性 了 面板 中 设置 E-mail 链接 
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(3) 按 回 车 键 确 认 , 便 可 创建 一 个 电子 邮件 链接 。 


5.1.5 创建 导航 条 


通常 在 网 页 的 首页 上 可 设置 一 个 导航 条 ,这 样 既 可 为 浏览 者 浏览 网 站 提供 一 个 索引 ， 
又 能 引导 浏览 者 浏览 整个 网 站 的 不 同 页 面 。 导 航 条 又 称 导航 栏 ,可 由 一 幅 或 多 幅 按钮 图 
像 组 成 ,按钮 图 像 的 状态 可 根据 浏览 者 的 鼠标 动作 而 改变 。 当 鼠标 移 到 、 移 出 或 单 击 图 像 
时 ,该 图 像 就 会 被 奉 换 成 另 一 幅 图 像 。 在 创建 导航 条 之 前 应 先 准 备 好 导航 条 中 要 用 的 图 
像 。 这 些 图 像 分 别 表示 导航 条 某 个 按钮 不 同 的 状态 。 在 网 页 上 创建 导航 条 的 操作 步骤 
如 下 : 

(1) 在 网 页 上 选择 插入 导航 条 的 位 置 。 

(2) 选择 [插入 了 民 图 像 对 象 了 攻 导 航 条 命令 ,此 时 在 网 页 文档 窗口 中 会 弹出 【搬入 导 
航 条 】 对 话 框 ,如 图 5-6 所 示 。 


图 5-6 【插入 导航 条 】 对 话 框 


(3) 在 【项目 名 称 ] 文 本 框 中 输入 导航 条 元 素 的 名 称 , 所 输入 的 名 称 将 在 【导航 条 元 
件 ] 列 表 框 里 显示 。 可 用 按钮 国 几 国 调 整 导航 条 中 元 素 的 次 序 。 

(4) 分 别 单 击 [ 状 态 图 像 J【 鼠 标 经 过 图 像 】【 按 下 图 像 】【 按 下 时 鼠标 经 过 图 像 34 
个 文本 框 右 侧 的 [浏览 ] 按 钮 ,选择 图 像 。 这 些 图 像 的 意义 分 别 如 下 : 

。【 状 态 图 像 】, 该 图 像 为 页 面 载 人 时 的 初始 图 像 。 

。【 鼠 标 经 过 图 像 】, 该 图 像 为 鼠标 移 到 [导航 条 】 按 钮 上 时 所 显示 的 图 像 。 

。【 按 下 图 像 ], 该 图 像 为 鼠标 单 击 【 导 航 条 】 按 钮 时 所 显示 的 图 像 。 

“。【 按 下 时 鼠标 经 过 图 像 】, 该 图 像 为 单 击 【 导 航 条 ] 按 钮 后 ,将 鼠标 移 去 时 所 显示 的 

图 像 。 
(5) 在 【替换 文本 了 的 文本 框 中 ,输入 该 [导航 条 ] 按 钮 的 替换 文字 。 
(6) 在 【 按 下 时 ,前往 的 URL] 文 本 框 中 ,输入 要 链接 的 网 页 地 址 ,并 可 在 右 侧 的 下 拉 
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列表 中 选择 以 何 种 方式 打开 要 链接 的 网 页 。 

(7) 如 果 要 在 打开 网 页 时 先 将 图 像 装载 到 内 存 中 ,可 选中 [预先 载 人 图 像 ] 复 选 框 。 

(8) 如 果 要 在 导航 条 上 显示 [ 按 下 时 鼠标 经 过 图 像 3 的 图 像 ,可 选中 [页 面 载 和 时 就 显 
示 鼠 标 按 下 图 像 ] 复 选 框 。 

(9) 在 [插入 下 拉 列 表 中 选择 [水 平 ] 或 【垂直 ]】 选 项 ,在 网 页 上 就 可 以 水 平 或 垂直 方 
式 放置 导航 条 。 

(10) 如 果 要 将 导航 条 插入 表格 中 , 则 选中 [使 用 表格 ] 复 选 框 。 

(11) 单 击 国 几 国 按钮 ,将 该 [导航 条 按钮 加 入 导航 条 中 或 从 导航 条 中 移 去 。 

(12) 重复 步骤 第 3 一 11 步 ,插入 导航 条 中 的 其 他 按钮 。 

(13) 完成 后 , 单 击 【 确 定 ] 按 钮 确认 ,并 返回 网 页 文档 窗口 。 

(14) 按 F12 功能 键 预览 网 页 。 

如 果 要 修改 导航 条 可 以 选择 【修改 】I【 导 航 条 命令 ,在 弹出 的 [修改 导航 条 】 对 话 框 中 
修改 导航 条 。 


5.1.6 创建 跳 转 菜 单 


跳 转 菜单 是 一 个 下 拉 列 表 , 其 中 的 每 一 个 选项 都 是 一 个 超级 链接 。 设 计 者 可 以 用 跳 
转 荣 单 创建 网 站 站 点 的 各 种 链接 ,实现 网 页 之 间 的 跳 转 链接 。 要 在 网 页 上 添加 一 个 跳 转 
菜单 ,其 操作 步骤 如 下 ， 

(1) 在 网 页 的 合适 位 置 插入 光标 ,选择 [插入 I 表单 TI【 跳 转 菜 单 ] 命 令 , 或 者 在 [ 括 
入 ] 栏 的 [表单 ] 选 项 中 单 击 [ 跳 转 菜单 按钮 国 , 就 可 以 拖 点 [ 跳 转 菜单 ] 按 钮 到 当前 网 页 
的 光标 处 。 

(2) 网 页 文档 窗口 会 弹出 [插入 跳 转 菜 单 ] 对 话 框 ,如 图 5-7 所 示 。 如 果 要 在 跳 转 菜 
单 中 创建 一 个 菜单 选项 ,可 在 [文本 ] 文 本 框 中 输入 菜单 选项 的 文字 ,在 [选择 时 , 转 到 
URL] 文 本 框 中 ,输入 选择 该 菜单 选项 所 链接 的 页 面 文件 和 路 径 ,或 者 是 网 站 的 域名 。 单 
击 国 按钮 添加 这 个 菜单 项 。 


由 日 [Ele] 


人 | 章 起 网 http: /fwew. joyo. com) 
上海 热 线 ChttR /fw online sh cn 


汪 由 增 斯 虽 


[http:// wew. bel com_ cn 


图 5-7 【插入 跳 转 菜单 ] 对 话 框 
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(3) 在 [文本 ] 文 本 框 中 ,输入 跳 转 菜单 其 他 菜单 选项 的 名 字 , 并 输入 该 菜单 项 对 应 的 
URL, 可 创建 新 的 跳 转 菜单 选项 。 

(4) 在 【打开 URL 于 ] 下 拉 列 表 中 ,选择 链接 的 网 页 文件 的 显示 方式 。 

(5) 如 果 在 跳 转 菜 单 右边 添加 一 个 【前 往 ] 按 SE 

潮 跳 转 茶 单 - Hicrosoft Intern... 作品 | 区 | 

钮 ,可 选中 [菜单 之 后 插入 前 往 按钮 ] 复 选 框 ,如 [re Sse Ww ww IR” 条 
图 5-8 所 示 。 如 果 要 在 选择 了 某 个 菜单 选项 后 重 |@#se - 晶 - ope 时 
新 返回 第 1 个 菜单 项 ,可 选中 [更改 URL 后 选择 | 十 ,| 厨 cw swe 国 回 本 本 | 师 计 
第 一 个 项 目 ] 复 选 框 。 四 

(6) 完成 设置 后 , 单 击 [ 确 定 ] 按 钮 确认 。 

(7) 按 F12 功能 键 预览 网 页 ,显示 结果 如 
图 5-8 所 示 。 

跳 转 菜单 的 编辑 修改 较为 方便 ,可 以 通过 【 属 
性 了 面板 或 【行为 面板 来 修改 跳 转 菜单 中 的 选项 ， 
可 以 添加 、 删 除 或 重 命名 一 个 菜单 选项 ,也 可 以 改 
变 菜单 选项 的 排列 顺序 或 修改 每 个 菜单 选项 的 超级 链接 地 址 。 

修改 跳 转 菜单 的 操作 步骤 如 下 : 

(1) 在 网 页 文档 中 ,选中 要 修改 的 跳 转 菜 单 。 

(2) 在 【属性 了 面板 中 ,显示 的 跳 转 菜单 如 图 5-9 所 示 , 单 击 【列表 值 ] 按 钮 。 


图 5-8 带 跳 转 按钮 的 跳 转 菜单 


国 | 列表 / 菜单 类 型 菜单 高 度 C3 多 类 | 无 图 
O 〇 结 先 定 范围 门 允许 多 选 
初 巡 化 时 沈 定 [有 
入 , 


图 5-9 转 跳 菜 单 的 [属性 了 面板 


(3) 在 弹出 的 [列表 值 ] 对 话 框 中 ,修改 菜单 选项 ,如 图 5-10 所 示 。 


Dttp: /few joyo. com 
http: /wre. online 


http://wew. bol. eo 


图 5-10 【列表 值 ] 对 话 框 


(4) 修改 完成 后 , 单 击 【 确 定 ] 按 钮 确认 。 

修改 的 跳 转 菜单 也 可 用 另 一 种 方法 ,其 操作 步骤 如 下 : 

(1) 在 网 页 文档 中 ,选中 要 修改 的 跳 转 菜单 。 

(2) 选择 【窗口 ] 民 行为 ] 命 令 ,打开 【行为 了 面板 。 单 击 团 按 钮 ,打开 【添加 行为 ] 的 菜 
单 ,并 单 击 【 跳 转 菜单 】 选 项 。 
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(3) 在 弹出 的 [ 跳 转 菜单 3 对话 框 中 修改 跳 转 菜单 。 
(4) 修改 完成 后 , 单 击 【确定 了 按钮 确认 。 


5.1.7 创建 热点 链接 


热点 链接 又 称 映射 图 链接 ,在 一 个 图 像 中 创建 几 个 不 同 的 几何 图 形 区 域 ,以 这 些 几何 
图 形 区 域 为 超级 链接 的 源 端点 ,然后 分 别 为 这 个 图 像 的 几 个 不 同 的 几何 图 形 区 域 建立 超 
级 链接 ,图 像 中 建立 超级 链接 的 几何 图 形 区 域 称 为 热点 。 浏 览 网 页 时 , 当 热 点 被 单 击 后 就 
会 完成 相应 的 超级 链接 操作 ,不 同 的 热点 对 应 于 不 同 的 超级 链接 ,这 就 是 图 像 的 热点 
链接 。 

创建 图 像 热 点 链接 的 操作 步骤 如 下 : 

(1) 在 网 页 文档 窗口 中 插入 一 幅 图 像 , 并 选中 这 幅 图 像 。 

(2) 此 时 在 图 像 的 属性 了 面板 左下 方 有 一 个 名 为 【地 图 了 的 文本 框 , 如 图 5-11 所 示 ， 
可 在 其 中 输入 热点 链接 的 名 称 。 若 不 输入 内 容 ,Dreamweaver 8 将 会 自动 加 上 一 个 热点 
链接 的 名 字 。 


加 图 你 ,4K 。。 寓 区 4 沽 文件 [wwcwrss jpe 。 ] 信 已。 葡 执 [ 国 交加 | 无 同 8 
"bs bd ]9 口 的 8 四 各 对 避 OA 
地 图 jy ] 。 委 直 边 距 目标 加 jaE5 “] 至 笃 注 
内 口 避 局。 # 二 过 低 解析 度 源 ) [ET 回 


图 5-11 图 像 的 属性 了 面板 


(3) 在 【地 图 】 文 本 框 下面 有 4 个 图 标 按钮 ,分 别 是 【指针 热点 工具 】 民 和 矩形 热点 工 
具 】【 椭 圆 形 热 点 工具 和 【多 边 形 热 点 工具 】 ,这些 工具 的 功能 分 别 是 调整 热点 区 域 ,创建 
和 矩形、 椭圆 形 和 不 规则 多 边 形 的 热点 区 域 。 

(4) 如 果 要 在 图 像 上 创建 多 边 形 热 点 区 域 ,可 单 击 【 多 边 形 热 点 工具 的 按钮 ,然后 用 
鼠标 依次 在 选 作 热点 链接 的 几何 图 形 外 部 轮廓 线 上 依次 单 击 ,可 定义 一 个 多 边 形 的 热点 ， 
如 图 5-12 所 示 。 


热点 工具 按钮 ,然后 在 选 作 热点 链接 的 几何 图 形 的 外 部 轮廓 线 上 拖 电 鼠 标 指针 ,可 定义 
和 矩形 或 椭圆 形 的 热点 ,如 图 5-12 所 示 。 

(6) 当 一 个 热点 被 选中 后 ,图像 的 属性 了 面板 变 成 图 像 热点 的 [属性 了 面板 ,如 图 5-12 
所 示 。 


文件 ,或 者 直接 在 【链接 ] 文 本 框 中 输入 链接 文件 的 路 径 和 名 称 。 

(8) 在 [目标 J 下 拉 列 表 框 中 设置 链接 的 目标 对 象 的 显示 方式 。 

(9) 在 【替代 】 文 本 框 中 输入 所 定义 的 热点 的 说 明文 字 。 在 浏览 网 页 时 , 当 鼠 标 指针 
停 在 热点 上 将 会 显示 [替代 ] 文 本 框 中 的 说 明文 字 。 

(10) 重复 以 上 步骤 (7) 一 (9) ,完成 其 他 热点 的 编辑 。 
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图 5-12 定义 热点 链接 


如 果 热 点 选择 有 误 的 话 , 可 按 Del 键 将 其 删除 。 也 可 单 击 【 地 图 ] 文 本 框 下 面 的 加 图 
标 , 用 鼠标 指针 拖 中 热点 上 的 控制 点 调整 热点 ,改变 其 大 小 ,或 用 键盘 的 上 、 下 左右 编辑 
键 移动 选 定 的 热点 ,改变 其 位 置 。 


5.2 超级 链接 应 用 实例 


例 制作 具有 下 列 要 求 的 网 页 ,如 图 5-13 所 示 。 

(1) 网 页 文件 名 为 : exa5-1. htm, 网 页 的 背景 图 片 为 img 文件 夹 中 的 bg0040. gif ,网 
页 文件 保存 在 My site 文件 夹 中 。 

(2) 在 网 页 的 顶部 区 域 输入 标题 文字 人 生 的 伴侣 。 知识 的 源泉 ”, 按 图 5-13 所 示 
样张 格式 化 文字 ,预览 页 面 效 果 。 

(3) 在 网 页 的 合适 位 置 上 插入 导航 条 ,导航 条 的 6 个 按钮 对 应 的 图 片 分 别 是 button 
文件 夹 中 的 al. gif、a2. gif、a3. gif、…、f2. gif、f3. gif、f4. gif。 每 个 按钮 可 以 链接 一 个 doc 
文件 夹 中 的 HTML 文件 。 

(4) 在 网 页 左 侧 的 合适 位 置 上 插入 跳 转 菜单 , 跳 转 菜单 的 菜单 选项 分 别 为 :上 海 热 线 
(http://www. online. sh. cn)、 新 浪 (http://www. sina. com. cn)、 贝 塔斯曼 (http:// 
www. bol. com. cn) 。 


(5) 在 网 页 的 合适 位 置 上 插入 鼠标 经 过 图 像 , 原 始 图 像 为 img 文件 夹 中 的 图 像 文 件 
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区 应 用 卖 例 4-1 -了 icrosoft Internet Explorer 辐 辐 司 
文件 中” 甘 往 四 ”查看 曲 ” 收 寄 及 工具 由 而 助 虽 


1@e- 日- 国 国 的 Pe 次 ex @ 全 - 避 国 -由 六 功 〇 时 反 人 合同 


号 下 国术 cwWy =ite\exae- html < 信和 中 尽 , 三 信人 坟 [由 了 
人 生 的 侍 侣 ， 知 识 的 源泉 
二 宰 光 奖杯 |】 生活 艺术 | 坟 代 六 党 | 文化 雪 育 | 志 生 音信 | 圭 吕 区 
[| 


图 5-13 应 用 实例 图 示 


tul_2. gif\tu2_2. gif\tu3_2. gif, 鼠 标 经 过 图 像 为 img 文件 夹 中 的 图 像 文件 tul_1. gif、 
tu2_1. gif\tu3_1. gif。 

(6) 在 网 页 合适 位 置 上 插入 170X170 像素 的 逐 帧 动画 文件 shu. gif 和 Flash 动画 文 
件 shu2. swf。 

(7) 仿照 图 5-13 ,在 网 页 的 底部 区 域 插入 800X 80 像素 的 Flash 动画 文件 shul. swf， 
并 在 网 页 合适 位 置 上 插入 图 像 wyfy. jpg, 用 该 图 像 文件 建立 E-mail 链接 ,E-mail 地 址 
自 定 。 

(8) 预览 页 面 效 果 后 ,保存 网 页 文件 。 

制作 分 析 : 

本 例 网 页 页 面 元 素 较 多 ,排列 不 很 规则 ,用 布局 表格 和 布局 单元 格 对 网 页 元 素 定 位 比 
较 合 适 。 本 例 网 页 元 素 涉 及 鼠标 经 过 图 像 .gif 逐 帧 动画 、Flash 动画 以 及 各 类 超级 链接 ， 
应 该 根据 这 些 元 素 的 特点 选择 正确 的 插入 方式 ,并 正确 设置 其 属性 。 

本 例 的 操作 步骤 如 下 : 

(1) 将 本 章 素材 文件 夹 中 的 素材 复制 到 文件 夹 My site 中 ,并 将 其 设 为 本 地 站 点 。 

(2) 新 建 一 个 页 面 ,选择 【修改 YI【 页 面 属性 命令 ,在 【页 面 属性 对 话 框 中 设置 背景 
图 像 为 bg0040. gif, 将 [左边 距 】【 右 边 距 】 【上边 距 】 【下边 距 ] 分 别 设置 为 0。 

(3) 在 [分 类 ] 列 表 中 选择 [标题 /编码 选项 ,在 【标题 ] 文 本 框 中 输入 :实例 三 ,其 他 参 
数 默认 ,然后 单 击 【确认 了】 按钮 确认 ,并 将 网 页 以 exa5-1. htm 为 名 保存 在 My site 文件 
夹 中 。 

(4) 在 【插入 了 栏 的 [布局 ] 选 项 中 进行 工作 模式 切换 , 单 击 【布局 模式 按钮 后 ,进入 
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【布局 模式 】。 

单 击 【 布 局 模式 ] 区 域 中 的 [布局 表格 ] 按 钮 车 , 将 鼠标 指针 移 到 网 页 编辑 窗口 中 ， 
此 时 鼠标 指针 变 为 “十 ”形状 ,在 指定 位 置 处 拖 忠 鼠标 指针 画 出 800 X600 像素 的 布局 
表格 。 

(5) 在 页 面 的 合适 位 置 上 按 住 Ctrl 键 分 别 按 题目 要 求 从 上 至 下 面 出 520X45 像素 、 
160X30 像素 .600X30 像素 、3 个 80X80 像素 .2 个 170X170 像素 、180X35 像素 、800X 
80 像素 的 布局 单元 格 。 

(6) 在 网 页 的 项 部 的 布局 表格 中 输入 标题 文字 人 生 的 伴侣 。 知识 的 源泉 ”, 并 选中 
这 些 文字 。 在 [属性] 面板 中 ,设置 字体 为 “ 素 书 ”, 格 式 为 “标题 1”, 大 小 为 36, 作 用 于 标题 
文字 人 生 的 伴侣 。 知识 的 源泉 ”。 

(7) 在 网 页 第 二 行 600X30 像素 的 布局 单元 格 中 插入 光标 ,选择 [插入 】〗I【 图 像 对 象 】 
【导航 条 J 命令 ,或 者 在 插入 浮动 面板 的 【常用 选项 卡 中 单 击 【导航 条 ] 按 钮 国 , 此 时 在 网 
页 文档 窗口 中 会 弹出 [插入 导航 条 对话 框 。 

(8) 在 【项 目 名 称 】 文 本 框 中 设置 第 1 个 按钮 的 名 称 为 :a; 单 击 【浏览 ] 按 钮 ,在 4 个 
按钮 状态 的 文本 框 中 分 别 输 入 button 文件 夹 中 的 al. gif、a2. gif、a3. gif、a4. gif 4 个 文件 
的 路 径 和 名 称 ; 在 【 按 下 时 ,前往 的 URL] 文 本 框 中 输入 该 按钮 链接 对 象 的 名 称 和 路 径 ， 
选中 [预先 载 人 图 像 3 和 【使 用 表格 】 选 项。 选择 【插入 下 拉 列 表 中 的 水 平方 向 放置 导 
航 条 。 

(9) 重复 步 又 (8) ,可 设置 其 他 5 个 按钮 。 

(10) 在 网 页 第 2 行 160X30 像素 的 布局 单元 格 中 插入 光标 ,选择 【插入 】I【 表 单 】 
【 跳 转 菜单 命令。 在 弹出 [插入 跳 转 菜单 对 话 框 中 创建 一 个 菜单 选项 ,可 在 [文本 3 框 中 
输入 菜单 选项 的 文字 上 海 热线 ”, 在 【选择 时 ,. 转 到 URL] 文 本 框 中 ,输入 选择 该 菜单 选项 
所 链接 的 网 站 域名 http://www. online. sh. cn , 单 击 团 按 钮 添加 这 个 菜单 项 。 

用 同样 的 方法 创建 其 他 的 跳 转 菜单 选项 .完成 跳 转 菜单 选项 的 创建 后 确定 。 

(11) 在 网 页 左 侧 3 个 80 X80 像素 的 布局 单元 格 中 分 别 插入 光标 ,选择 [插入 】I【 图 
像 对 象 】【 鼠 标 经 过 图 像 ] 命 令 , 分 别 插入 原始 图 像 文 件 tul_2. gif\tu2_2. gif\tu3_2. gif， 
鼠标 经 过 图 像 文 件 tul_1. gif\tu2_1. gif\tu3_1. gif。 

(12) 选择 [插入 3I【 图 像 3 命 令 , 在 网 页 中 间 170X170 像素 的 布局 单元 格 中 插入 img 
文件 夹 中 的 逐 帧 图 像 文 件 shu_1. gif。 

(13) 在 网 页 底部 的 布局 单元 格 中 插入 光标 ,选择 [插入 】I【 媒 体 】IKFlash] 命 令 , 可 在 
网 页 底部 的 800X80 像素 和 网 页 中 间 170X170 像素 的 布局 单元 格 中 分 别 插入 Flash 文 
件 夹 中 的 动画 文件 shul. swf 和 shu2. swf。 

(14) 在 网 页 左 侧 下 方 180X35 像素 的 布局 单元 格 中 插入 img 文件 夹 中 的 图 像 文 件 
wyfy. jpg, 选 中 该 图 像 ,在 【属性 了 面板 的 【链接 】 文 本 框 中 ,输入 mailto: 十 二 E-mail 地 
址 之 建立 E-mail 链接 。 

(15) 预览 网 页 后 ,将 网 页 文件 以 exa5-1. htm 为 名 ,保存 在 My site 文件 夹 中 。 
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5.3 框架 的 基本 操作 


1. 框架 的 概述 


利用 框架 技术 设计 的 网 页 就 是 把 网 页 页 面 划 分 成 相对 独立 的 若干 个 区 域 ,每 个 区 域 
都 相当 于 一 个 独立 的 网 页 页 面 , 这 些 区 域 里 的 页 面 既 各 自 独立 又 相互 有 联系 。 也 就 是 说 ， 
在 一 个 浏览 器 窗口 中 ,用 框架 制作 的 网 页 能 同时 显示 多 个 不 同 的 HTML 文档 ,就 好 像 在 
一 个 浏览 器 窗口 中 平 铺 了 几 个 子 窗口 ,在 各 个 子 窗口 中 分 别 显示 不 同 的 内 容 ,从 而 使 网 页 
的 版 面 更 友好 、 结 构 更 清晰 。 

框架 (Frames) 技 术 是 由 框架 集 (Frameset) 和 框架 (Frame)2 部 分 组 成 。 框 架 集 顾 名 
思 义 就 是 框架 的 集合 , 它 定义 了 各 框架 的 结构 .数量 .大 小 尺寸 及 装 人 框架 中 的 页 面 文件 
名 和 路 径 等 有 关 框 架 的 属性 ,框架 集 并 不 在 浏览 器 中 显示 ,只 是 存储 所 属 框架 的 有 关 信 
息 ,框架 集中 的 全 部 框架 网 页 文件 构成 一 个 完整 的 网 页 页 面 。 框架 则 是 框架 集 的 组 成 元 
素 , 各 框架 页 面 是 整个 页 面 的 一 部 分 ,是 一 个 矩形 区 域 , 它 具 有 网 页 所 有 的 属性 和 功能 ,与 
框架 集中 其 他 框架 网 页 页 面 的 关系 是 平等 的 。 


2. 创建 框架 与 框架 集 


用 框架 技术 制作 的 网 页 可 以 将 一 个 页 面 分 割 成 上 下 或 左右 结构 的 框架 ,把 单 页 面 拓 
展 成 多 页 面 ,满足 浏览 者 在 一 个 页 面 内 迅速 浏览 更 多 内 容 的 需求 。 

创建 一 个 框架 常用 的 3 种 操作 方法 如 下 : 

(1) 选择 [插入 ] 芍 HTML 框架] 命令 ,然后 在 级 联 子 菜单 中 选择 框架 的 类 型 。 级 
联 菜 单 中 的 选项 分 别 是 : 

Q@【 左 对 齐 ] 表 示 左 侧 框 架 右 对 齐 ] 表 示 右 侧 框 架 人 【对 齐 上 缘 ] 表 示 顶 部 框架 【对 
齐 下 缘 ] 表 示 底 部 框架 ; 

@【 下 方 及 左 侧 租 套 ] 表 示 底 框架 套 左 框 架 ,【 下 方 及 右 侧 嵌 套 ] 表 示 底 框架 套 右 
框架 ， 

@【 左 侧 及 下 方 租 套 ] 表 示 左 框架 套 底 框 架 ,【 右 侧 及 下 方 嵌 套 ] 表 示 右 框架 套 底 
框架 ; 

@【 上 方 及 下 方 ] 表 示 顶 框架 和 底 框架 ; 

@【 左 侧 及 上 方 租 套 ] 表 示 左 框架 套 项 框架 ,【 右 侧 及 上 方 谋 套 ] 表 示 右 框架 套 顶 
框架 ; 

@【 上 方 及 左 侧 嵌 套 ] 表 示 顶 框架 套 左 框 架 ,【 上 方 及 右 侧 嵌 套 ] 表 示 顶 框架 套 右 框 
架 。 选 择 其 中 一 个 选项 便 可 插入 框架 。 

(2) 单 击 【插入 ] 栏 的 [布局 ] 选 项, 单 击 【 框 架 ] 按 钮 可 打开 如 图 5-14 所 示 的 下 拉 菜 
单 , 选 择 其 中 某 种 形式 的 框架 选项 便 可 创建 框架 。 单 击 【顶部 和 嵌 套 的 左 侧 框架 3 按钮 回 
创建 的 框架 如 图 5-15 所 示 。 
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下 方 和 杠 套 的 左 侧 框架 
下 方 和 杠 套 的 右 侧 框架 
左 侧 和 嵌 套 的 下 方 框架 
且 | 右 侧 和 杠 套 的 下 方 框架 
上 方 和 下 方 框架 

左 侧 和 杠 套 的 项 部 框架 
右 侧 和 嵌 套 的 上 方 和 框架 
顶部 和 杠 套 的 左 侧 框架 


上 方 和 杠 套 的 右 侧 框架 Eraneset) Cfraneset》 


图 5-14 【插入 面板 组 中 [框架 】 图 5-15 顶部 和 嵌 套 的 左 侧 框架 
选项 卡 中 的 框架 类 型 


(3) 在 网 页 编辑 器 窗口 中 选中 已 插入 的 框架 ,然后 按 住 Alt 键 的 同时 ,用 鼠标 指针 纵 
向 拖 电 或 横向 拖 息 框架 边框 线 ,就 可 以 加 入 上 下 结构 或 左右 结构 的 框架 。 


3. 框架 的 调整 、 拆 分 和 删除 


在 用 框架 技术 设计 网 页 时 ,经 常会 根据 需要 调整 框架 的 结构 和 大 小 尺寸 ,可 用 拆 分 框 
架 的 方法 或 直接 用 鼠标 指针 拖 蝶 框 架 的 边框 线 完 成 框架 的 调整 。 

1) 拆 分 框架 

拆 分 框架 的 操作 如 下 : 

(1) 单 击 要 拆 分 的 框架 内 部 ,使 光标 定位 在 该 框架 中 。 

(2) 选择 【修改 】I【 框 架 页 ] 命 令 , 然 后 选择 【 拆 分 左 框架 】【 拆 分 右 框 架 】【 拆 分 上 框 
架 3【 拆 分 下 框架 34 个 命令 中 的 一 个 命令 来 完成 框架 的 拆 分 。 

(3) 或 按 住 Alt 键 不 放 , 青 用 鼠标 指针 拖 忠 边框 线 ,也 可 以 拆 分 框架 。 

2) 调整 框架 

拖 虹 鼠 标 调整 框架 的 步骤 如 下 : 

(1) 将 鼠标 指针 放 在 两 个 框架 的 边框 上 ,鼠标 指针 变 成 双 箭头 。 

(2) 用 鼠标 指针 拖 忠 边框 到 合适 的 位 置 , 然 后 释放 鼠标 ,可 以 调整 框架 的 大 小 。 

(3) 如 需要 精确 定义 框架 的 尺寸 时 ,在 框架 集 的 [属性 ] 面 板 中 设置 参数 可 以 精确 地 
调整 框架 尺寸 。 

3) 删除 框架 

删除 框架 是 创建 框架 的 逆向 操作 ,其 操作 方法 如 下 : 

将 鼠标 指针 指向 要 删除 的 框架 边框 , 当 指 针 变 成 双向 箭头 时 , 拖 动 鼠标 指针 到 上 一 级 
框架 的 上 下 或 左右 边框 线 处 , 松 开 鼠标 即 可 删除 框架 。 

当 框 架 面板 中 的 信息 显示 为 [没有 名 称 】. 表 明 当 前 无 框架 。 
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5.4 框架 和 框架 集 的 选择 与 属性 设置 


5.4.1 框架 和 框架 集 的 选择 


要 对 框架 操作 前 , 先 要 选择 框架 和 框架 集 , 比 较 好 的 操作 方法 是 使 用 框架 面板 和 鼠标 
操作 。 选 择 框架 和 框架 集 的 操作 方法 有 以 下 3 种 。 

(1) 选择 【窗口 [框架] 命令 ,或 按 快捷 键 Shift 十 F2， 
打开 【框架 了 面板 ,如 图 5-16 所 示 。 然 后 在 框架 面板 中 单 
击 框架 的 边框 线 , 可 选择 由 多 个 框架 构成 的 框架 集 。 如 果 
单 击 某 个 框架 区 域 则 可 选中 该 框架 。 

(2) 在 网 页 文档 窗口 中 按 住 Alt 键 ,然后 单 击 要 选中 
的 框架 的 任意 位 置 , 便 可 选中 该 框架 。 

(3) 如 果 选 中 一 个 框架 , 按 住 Alt 键 ,然后 按键 盘 上 
的 左 . 右 箭头 键 ,可 以 选中 同一 级 别 的 框架 。 按 住 Alt 键 ， 图 5-16 框架 的 面板 
然后 按键 盘 上 的 向 上 箭头 键 ,可 以 选中 当前 框架 的 上 一 级 框架 ,连续 重复 操作 ,可 以 选中 
整个 框架 集 。 

某 个 框架 被 选中 时 ,框架 的 边框 上 会 显示 虚线 。 


5.4.2 框架 和 框架 集 的 属性 设置 


框架 和 框架 集 有 各 自 的 属性 面板 。 框 架 的 [属性] 面板 可 用 来 设置 框架 名 称 、 框 架 的 
源 文件 .框架 的 滚动 特性 ,框架 边框 特性 等 框架 属性 。 框 架 集 的 [属性 了 面板 可 用 来 设置 杠 
架 集 中 的 框架 的 大 小 ,框架 边框 线 的 颜色 和 宽度 。 


1. 设置 框架 集 的 属性 


Dreamweaver 8 默认 框架 集 属性 是 无 边界 ,无 滚动 条 ,禁止 改变 框架 的 大 小 。 在 打开 
的 框架 集 【 属 性 了 面板 中 可 以 改变 框架 集 的 属性 ,设置 框架 集 属性 的 操作 步骤 如 下 : 

(1) 单 击 两 个 框架 的 公共 边框 线 ,或 单 击 【框架 了 面板 中 框架 的 最 外 围 的 边框 线 ,选择 
要 改变 属性 的 框架 集 。 

(2) 此 时 屏幕 显示 的 便 是 框架 集 的 [属性 ] 面 板 , 如 图 5-17 所 示 。 


9 i 
单位 


值 
到 Pwo 人 素 “ 国 个 国 
图 5-17 ”框架 集 的 【属性 了】 面板 
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在 框架 集 的 【属性 了 面板 中 ,各 项 参数 的 意义 如 下 : 

吕 在 [边框] 下 拉 列 表 框 中 可 选择 框架 边框 在 浏览 器 窗口 中 显示 的 情况 。 选 择 【是 】 
选项 ,以 立体 效果 显示 框架 的 边框 ;选择 [ 否 】 选 项 ,不 显示 框架 的 边框 ;选择 [默认 】 选 项 ， 
由 浏览 器 决定 是 否 显示 框架 。 

@ 在 【边框 宽度 ] 文 本 框 中 可 设置 当前 框架 集 的 边框 宽度 。 

@ 在 【边框 颜色 ] 中 可 设置 当前 框架 集 的 边框 颜色 。 

@ 【行列 选 定 范围 ] 右 边 的 示意 图 中 深 色 为 框架 被 选中 部 分 , 浅 色 为 框架 未 被 选中 
部 分 。 

@ 在 [ 值 ] 文 本 框 和 [单位 J 下 拉 列 表 中 指定 当前 选中 框架 的 行 或 列 的 尺寸 与 单位 。 
设置 框架 行 、 列 尺寸 有 3 种 单位 :【 像 素 ] 表 示 用 像素 作 单 位 ;百分比 ] 表 示 用 百分比 作 单 
位 ;并 相 对] 表示 与 框架 组 其 他 子 框架 的 相对 宽度 。 

(3) 完成 设置 后 ,在 网 页 文档 窗口 能 直接 见 到 定义 好 的 框架 集 。 


2. 设置 框架 的 属性 

创建 框架 后 可 以 打开 框架 的 [属性 面板 ,来 设置 和 改变 框架 的 属性 。 设 置 框架 属性 
的 操作 步骤 如 下 : 

(1) 按 住 Alt 键 并 单 击 网 页 文档 窗口 中 某 个 框架 ,或 单 击 【框架 了 面板 中 的 相应 的 杠 


架 , 可 选中 一 个 框架 。 
(2) 此 时 网 页 编辑 区 下 方 显示 的 便 是 框架 的 [属性 了 面板 ,如 图 5-18 所 示 。 


加 | 二 各 [TOTTRT IE 
j [了 国 | 口 不 能 大 小 PT | 


图 5-18 框架 的 属性 面板 


框架 的 [属性 了 面板 中 ,各 项 参数 具体 意义 如 下 : 

@ 在 【框架 名 称 】 文 本 框 可 设置 该 框架 的 名 称 , 框 架 名 称 将 被 用 于 超级 链接 的 【 目 
标 】 下 拉 列 表 中 。 框 架 名 称 只 能 用 字母 .数字 及 下 划 线 ,不 允许 用 连 字 符 、 引 号 、 句 号 或 
空格 。 

@ 在 [ 源 文 件 ] 文 本 框 可 指定 框架 打开 的 源 文件 ,设置 框架 源 文件 的 URL。 

@ 在 【滚动 下 拉 列 表 框 中 可 设置 是 否 允 许 有 滚动 条 。 

@ 在 [边框] 下拉 列表 框 中 可 设置 框架 边框 在 浏览 器 窗口 中 显示 的 情况 。 选 择 【是 】 
选项 ,以 立体 效果 显示 框架 的 边框 ;选择 【 否 】 选 项 ,不 显示 框架 的 边框 ;选择 【默认 】 选 项 ， 
由 浏览 器 决定 是 否 显示 框架 。 

@ 选中 [不 能 调整 大 小 ] 复 选项 为 禁止 改变 框架 的 尺寸 。 

@ 在 [边框 颜色 ] 文 本 框 中 可 设置 框架 边框 的 颜色 。 

@ 在 【边界 宽度 ] 文 本 框 中 可 设置 当前 框架 的 内 容 与 框架 左右 边界 的 距离 。 

@ 在 【边界 高 度 ] 文 本 框 中 可 设置 当前 框架 的 内 容 与 框架 上 下 边界 的 距离 。 
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5.5 框架 和 框架 集 的 保存 


框架 里 的 内 容 主要 是 HTML 文档 ,在 一 个 网 页 中 创建 了 框架 结构 后 ,可 在 [属性] 面 
板 中 设置 框架 源 文件 的 URL。 框 架 结构 的 网 页 制作 完成 后 ,可 以 分 别 保存 每 个 框架 文 
档 , 也 可 单独 保存 框架 集 文档 ,还 可 以 将 整个 框架 集 与 它 的 各 个 框架 文档 一 起 保存 。 不 同 
的 方式 的 操作 方法 如 下 所 述 。 


1. 保存 框架 文档 


(1) 在 网 页 编辑 区 窗口 中 ,选中 要 保存 的 框架 。 

(2) 选择 [文件 3I【 保 存 框架 页 3 命令 ,就 可 保存 该 框架 文件 。 

(3) 若 该 框架 文件 尚未 保存 过 , 则 系统 会 打开 文件 [ 男 存 为 ] 对 话 框 ,输入 正确 的 文件 
名 和 路 径 , 单 击 【保存 3 按钮 便 可 保存 该 框架 文档 。 若 该 框架 文件 已 保存 过 , 则 该 操作 在 原 
有 的 基础 上 保存 该 框架 文档 。 


2. 保存 框架 集 文档 


(1) 在 网 页 编辑 区 窗口 中 , 单 击 框架 最 外 层 边框 ,选中 框架 集 。 
(2) 选择 [文件 ] 攻 框架 集 另 存 为 了 命令 ,可 保存 框架 集 文档 。 


3. 保存 框架 集中 所 有 文档 


如 果 当 前 网 页 是 由 多 个 框架 构成 ,分 别 保存 每 个 框架 文件 很 麻烦 ,此 时 可 采用 一 次 保 
存 框架 集中 所 有 文档 的 方法 。 

(1) 选择 【文件 ] 民 保存 全 部 ] 命 令 。 

(2) 系统 先 保存 框架 集 文 档 , 然 后 再 保存 框架 集中 其 他 框架 文档 。 

(3) 若 框 架 集 中 有 尚未 保存 过 的 框架 文件 , 则 系统 会 打开 文件 [保存 为 ] 对 话 框 ,输入 
正确 的 文件 名 和 路 径 , 单 击 【保存 按钮 便 可 保存 该 框架 文档 。 若 所 有 框架 文件 以 前 都 已 
保存 过 , 则 该 操作 在 原 有 的 基础 上 保存 所 有 的 框架 文档 。 

选择 [文件 ] 民 保存 全 部 命令 可 将 整个 框架 集 与 它 的 各 个 框架 文档 一 起 保存 ,使 用 这 
个 命令 操作 效率 较 高 。 


5.6 框架 与 超级 链接 的 应 用 实例 


制作 一 个 如 图 5-19 所 示 的 网 页 页 面 ,页 面 是 顶部 和 肉 套 的 左 侧 框架 结构 , 左 框 架 的 
列 宽 为 150 像素 ,插入 4 个 按钮 图 像 al. jpg、a2. jpg、a3. jpg、a4. jpg; 顶 框架 行 高 为 80 像 
素 ,插入 Flash 文件 shul. swf。 浏 览 网 页 时 , 单 击 页 面 左 框架 中 的 按钮 ,可 在 主 框架 
(MainFarme) 中 显示 不 同 的 被 链接 的 网 页 页 面 ,网 页 文件 以 exa5-2. htm 为 名 保存 在 My 
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site 文件 夹 中 。 


马 无 标 蚌 文 稍 - Hicrosoft Internet Explorer 
;文件 中 编 得 区 ) 查看 中 收 春 此 工具 菩 。 帮助 0 


图 5-19 框架 应 用 实例 示意 图 


制作 分 析 

本 例 是 框架 结构 的 网 页 ,在 制作 时 要 注意 以 下 3 点 。 

(1) 要 用 [框架 ] 面 板 和 【[ 属 性] 面板 结合 ,准确 设置 顶 框架 和 左 框架 行 高 和 列 宽 。 

(2) 要 正确 设置 被 链接 的 网 页 显示 的 目标 窗口 。 

(3) 要 正确 保存 框架 集 文件 和 各 子 框架 的 网 页 文件 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 将 本 章 素材 文件 夹 中 的 素材 复制 到 文件 夹 My site 中 ,并 将 其 设 为 本 地 站 点 

(2) 新 建 一 个 页 面 ,选择 [插入 】IKHTML】I【 框 架 YIK 上 方 及 左 侧 幅 套 ] 命 令 , 在 
中 插入 如 图 5-19 所 示 的 框架 。 

(3) 打开 [框架 面板 和 【属性 面板 , 单 击 【 框 架 ] 面 板 中 外 框 的 边框 线 , 此 时 的 框 
以 看 成 上 下 2 行 。 在 [属性] 面板 的 [行列 选 定 范围 ] 中 ,选中 上 半 部 分 ,在 [ 行 ] 文 本 框 
入 80.【 单 位 ] 为 像素 ,如 图 5-20 所 示 ,把 顶 框 架 的 行 高 设 为 80 像素 。 


图 5-20 设置 项 框架 的 行 高 


(4) 单 击 [框架 了 面板 中 内 框 的 边框 线 , 此 时 的 框架 可 以 看 成 左右 2 列 。 在 【属性 


页 面 


架 可 
中 输 


E] 面 


板 的 [行列 选 定 范围 ] 中 ,选中 左 半 部 分 ,在 [ 列 ] 文 本 框 中 输入 150,【 单 位 ] 为 像素 ,如 


图 5-21 所 示 ,把 左 框架 的 列 宽 设 为 150 像素 。 


(5) 选择 [修改 YI【 页 面 属 性 命令 ,分 别 给 leftFrame、mainFrame 设置 背景 颜色 为 : 
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5-21 设置 左 框架 的 列 宽 


井 CCFFFF 、#99FFCC。 

(6) 单 击 [ 插 入 了 面板 【常用 选项 卡 的 【Flash] 按 钮 厦 . 在 框架 topFrame 的 合适 位 置 
上 插入 用 Flash 制作 的 动画 文件 shu. swf。 

(7) 将 doc 文 件 夹 中 book. doc 的 内 容 复制 到 框架 mainFrame 中 ,并 对 文字 进行 格 
式 化 ， 

(8) 在 leftframe 中 插入 120X160 像素 的 层 , 在 层 中 插入 宽度 为 120 像素 的 4 行 1 列 
的 表格 。 在 表格 中 分 别 插入 img 文件 夹 中 的 图 像 文件 al. jpg、a2. jpg、a3. jpg、a4. jpg。 

(9) 选中 按钮 “现代 文学 ,在 图 俐 [属性 了 面板 的 【链接 了 文本 框 中 设置 链接 对 象 为 doc 
文件 夹 中 的 literature. htm, 在 【目标 】 下 拉 列 表 中 选择 链接 对 象 显示 的 框架 为 
mainframe。 

(10) 用 同样 的 方法 分 别 选 中 "生活 艺术 “文化 教育 "“ 科 学 技术 ”3 个 按钮 ,为 其 建 
立 名 为 art. htm、 edu. htm 、scie. htm 的 链接 ,并 设置 链接 对 象 显示 的 目标 框架 为 
mainframe。 

(11) 选择 [文件 ] 民 保存 全 部 框架 了 命令 ,以 exa5-2. htm 为 名 保存 框架 集 文件 ,以 
t. htm、m. htm\l. htm 为 名 保存 项 框架 、 左 框架 和 主 框 架 文件 ,这 些 文件 都 保存 在 My site 
文件 夹 中 。 

(12) 按 F12 键 预览 页 面 , 单 击 “ 现 代 文学 ”按钮 ,在 mainframe 中 可 显示 有 关 网 页 的 
页 面 。 
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6 董 行为 与 时 间 轴 及 其 应 用 
第 


知识 点 

。 行为 的 概述 和 应 用 

。 时 间 轴 动画 的 创建 ,编辑 与 应 用 
。 行为 和 时 间 轴 的 综合 应 用 


6.1 行为 的 概述 


行为 (behavior) 顾 名 思 义 就 是 以 某 种 方式 完成 的 动作 ,在 网 页 设计 中 通过 行为 可 以 
实现 浏览 者 与 计算 机 的 人 机 交互 。 事实 上 Dreamweaver 8 中 预 置 的 行为 是 由 许多 
JavaScript 程序 构成 的 ,在 网 页 设计 时 ,设计 者 在 不 了 解 JavaScript 语言 的 情况 下 ,直接 利 
用 Dreamweaver 8 中 预 置 的 行为 , 便 能 制作 出 精美 的 动态 交互 式 网 页 。 

Dreamweaver 8 的 行为 是 事件 (Event) 和 动作 (Action) 两 部 分 的 组 合 。 动 作 是 指 在 
浏览 网 页 时 可 完成 的 一 些 特殊 功能 ,如 拖 忠 层 、 隐 藏 和 显示 层 、 播 放 音 乐 、 交 换 图 像 等 ; 事 
件 是 完成 某 一 动作 的 具体 方式 ,如 onMouseOver( 鼠 标 指针 指向 对 象 )、onMouseOut( 鼠 
标 指针 移 离 对 象 ) .onClick( 单 击 ) .onDblClick( 双 击 ) 等 ,利用 行为 可 以 不 必 编 程 就 很 方便 
地 制作 出 一 些 带 有 交互 效果 的 网 页 。 在 浏览 这 种 带 有 行为 的 交互 网 页 时 , 当 某 一 事件 被 
响应 后 便 会 触发 执行 相对 应 的 动作 。 

给 网 页 中 对 象 附 加 行为 时 ,需要 指定 动作 和 事件 以 便 触 发 它 。 不 同 的 动作 可 以 被 相 
同 的 事件 触发 ,因此 必要 时 还 要 指定 动作 发 生 的 先后 顺序 。 


6.1.1 行为 面板 及 其 使 用 方法 


在 网 页 中 为 页 面 对 象 添加 和 修改 行为 可 使 用 [行为 ] 面 板 来 完成 。 选 择 【 窗 口 】| 
【行为 ] 命 令 ,或 按 快 捷 键 Shift 十 F4, 便 可 打开 [行为 ] 面 板 , 如 图 6-1 所 示 。 

【行为 ] 面 板 上 各 按钮 的 功能 如 下 : 

(1) 图 | 按钮 被 单 击 后 ,从 弹出 的 菜单 中 选择 可 以 发 生 的 动作 ,然后 再 完成 相应 参数 的 
设置 。 


显示 


动作 列表 


图 6-1 【行为 ) 面 板 


(2) 国 按 钮 被 单 击 后 ,将 删除 [行为 ] 面 板 中 已 经 选 定 的 某 个 行为 。 

(3) 国 出 国 按 钮 被 单 击 后 ,将 选 定 的 行为 上 (下 ) 移 一 行 。 

(4) 车 【显示 设置 事件 按钮 被 单 击 后 ,可 显示 当前 对 象 已 设置 的 所 有 事件 。 
(5) 琴 ]【 显 示 所 有 事件 按钮 被 单 击 后 ,可 显示 当前 对 象 可 设置 的 所 有 事件 。 


6.1.2 添加 和 修改 行为 


利用 【行为 3 面板 可 在 网 页 中 添加 、 修 改行 为 ,给 网 页 对 象 添加 行为 的 步骤 如 下 : 
(1) 选中 网 页 中 的 一 个 对 象 ,该 对 象 可 以 是 图 像 .文本 或 层 。 

(2) 选择 [窗口 3I【 行 为 命令 ,打开 [行为 ] 面 板 。 

(3) 单 击 【 行 为 ] 面 板 上 的 国 按 钮 ,屏幕 显示 [动作 ] 菜 


单 ,如 图 6-2 所 示 。 根 据 需要 选择 其 中 一 种 动作 ,并 在 对 话 ”| 
框 中 设置 该 动作 的 参数 。 A 
(4) 在 如 图 6-2 所 示 的 菜单 中 ,选择 【显示 事件 命令 ,并 hi 
在 级 联 菜单 中 选择 一 种 合适 的 浏览 器 ,如 图 6-3 所 示 。 ed 


(5) 在 【事件 3 列表 中 显示 当前 动作 的 默认 事件 , 单 击 该 
事件 后 【行为 面板 的 当前 事件 中 会 出 现 一 个 下 拉 三 角形 按 
钮 , 单 击 该 下 拉 三 角形 按钮 ,屏幕 显示 事件 菜单 ,如 图 6-4 所 
示 。 设 计 者 可 从 该 菜单 中 选择 一 种 事件 来 代替 默认 事件 。 

网 页 中 一 个 对 象 附加 了 行为 后 ,可 以 根据 需要 利用 [ 行 
为 了 面板 修改 触发 动作 的 事件 ,添加 删除 及 修改 动作 的 参 
数 。 修 改行 为 的 操作 步骤 如 下 : 

(1) 选 定 某 个 附加 了 行为 的 对 象 。 

(2) 按 快捷 键 Shift 十 F4, 打 开 [【 行 为 】 面 板 。 

(3) 根据 需要 完成 如 下 操作 。 图 6-2 【动作 ] 菜 单 示意 图 

@ 要 删除 一 个 行为 ,可 先 将 其 选中 ,然后 单 击 国 按钮 或 
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按 Delete 键 。 


4.0 and Later Browsers 


Netscape 4.0 
Netscape 6.0 


图 6-3 【显示 事件 ] 级 联 菜单 图 6-4 【事件 ] 荣 单 示意 图 


@ 要 改变 一 个 动作 的 参数 ,可 双击 这 个 行为 ,在 弹出 的 对 话 框 中 修改 各 参数 项 ,然后 
单 击 [ 确 定 ] 按 钮 确认 。 

@ 要 改变 一 个 事件 ,可 选中 该 行为 ,并 单 击 事件 列表 的 下 拉 三 角形 按钮 ,在 下 拉 式 菜 
单 中 选择 需要 的 事件 。 

@ 要 更 改 已 设 定 事件 的 动作 顺序 ,可 先 选 定 这 个 行为 ,然后 单 击 【行为 ] 面 板 上 的 向 
上 或 向 下 的 国 \ 国 按钮 ,就 可 更 改 某 事件 的 动作 顺序 。 


6.1.3 行为 的 简单 应 用 


下 面 用 实例 来 说 明 事件 和 动作 在 网 页 中 的 用 法 。 

例 6.1 设计 制作 一 个 符合 下 列 要 求 的 网 页 文件 。 

(1) 在 网 页 中 创建 2 个 大 小 为 104X90 像素 的 层 ,在 层 Layerl 中 插入 img 文件 夹 中 
的 图 像 campl. jpg, 在 层 Layer2 中 搬入 img 文件 夹 中 的 带 有 说 明文 字 的 图 像 ml. jpg, 如 
图 6-5 所 示 。 隐 藏 层 Layer2。 


图 6-5 应 用 实例 示意 图 


(2) 在 浏览 该 页 面 时 ,只 显示 层 Layerl 的 图 像 Campl. jpg。 当 鼠标 指针 指向 该 图 像 
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时 ,显示 带 有 说 明文 字 的 图 像 ml. jpg; 移 开 鼠标 指针 时 ,隐藏 带 有 说 明文 字 的 图 像 
ml.jpg。 

(3) 在 浏览 该 页 面 时 ,能 随意 拖 动 插入 图 像 Campl. jpg 的 层 Layerl。 

(4) 在 浏览 该 页 面 时 , 单 击 插入 图 像 Campl. jpg 的 层 Layerl ,播放 文件 夹 music 中 
的 声音 文件 Applause. wav。 

(5) 在 浏览 该 页 面 时 ,双击 插入 图 像 Campl. jpg 的 层 Layerl, 在 状态 栏 中 显示 文字 
“欢迎 光临 网 上 书店 ”。 

(6) 网 页 以 exa6-1. htm 为 名 保存 在 本 地 站 点 根 文件 夹 My site 中 。 

制作 分 析 : 

本 例 要 在 层 Layerl 上 添加 显示 隐藏 层 \ 拖 虹 层 播放 声音 、 显 示 状 态 栏 文字 等 行为 。 
题目 中 要 求 添加 的 行为 都 与 层 Layerl 有 关 , 故 操作 时 要 先 选 中 层 Layerl ,注意 不 能 选中 
层 中 图 像 Campl1. jpg, 然 后 逐个 添加 上 述 的 行为 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 将 本 章 素材 文件 夹 中 的 素材 复制 到 文件 夹 My site 中 ,并 将 其 设 为 本 地 站 点 。 

(2) 新 建 一 个 页 面 ,选择 【修改 YI【 页 面 属性 ] 命 令 , 在 【页 面 属 性 对 话 框 中 设置 背景 
图 像 为 bg0006. jpg, 将 【左边 距 】【 右 边 距 】 【上 边 距 】【 下 边 距 ] 分 别 设 管 为 0。 

(3) 在 【分 类 列表 中 选择 [标题 /编码 选项 ,在 【标题 】 文 本 框 中 输入 : 应 用 实例 ,其 
他 参数 默认 ,然后 单 击 【确认 了 按钮 确认 ,并 将 网 页 以 exa6-1. htm 为 名 保存 在 My site 文 
件 夹 中 。 

(4) 在 网 页 合适 的 位 置 上 插入 2 个 层 ,在 Layerl 中 插入 图 像 文件 Campl. jpg, 在 
Layer2 中 插入 图 像 文 件 ml. jpg。 

(5) 按 功能 键 F2 ,打开 【 层 了 面板 ,选中 层 Layer2, 单 击 【 层 面板 中 国 凤 按钮 ,使 其 显 
示 闭 合 的 眼睛 图 标 , 即 将 该 层 的 属性 设置 为 不 可 见 。 

(6) 按 快捷 键 Shift 十 F4, 打 开 [ 行 为 ] 面 板 。 选 中层 Layerl, 单 击 行 为 添加 按钮 贺 ， 
选择 【显示 一 隐藏 层 动作 ,在 弹出 的 【显示 一 隐藏 层 ] 对 话 框 中 选中 层 Layer2, 并 单 击 
【显示 了 按钮 设置 显示 该 层 ,如 图 6-6 所 示 。 单 击 【 确 定 ] 按 钮 【显示 一 隐藏 层 ] 的 动作 被 添 
加 到 【行为 ] 面 板 中 。 


命名 的 层 - ER 


图 6-6 设置 显示 层 Layer2 示意 图 


(7) 选中 该 行为 ,并 单 击 事件 列表 中 下 三 角形 按钮 ,在 菜单 中 选择 事件 
【onMouseOver】, 其 意义 为 “鼠标 指向 对 象 ”, 表 示 当 鼠标 指针 在 层 Layerl 上 时 ,显示 层 
Layer2。 此 时 层 Layer2 中 说 明文 字 的 图 像 被 显示 。 
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(8) 仿照 步骤 6 一 7 ,给 层 Layerl 添加 【显示 一 隐藏 层 ] 的 动作 。 在 弹出 的 【显示 一 隐 
茂 层 对话 框 中 选中 层 Layer2, 并 单 击 【隐藏 3 按钮 设置 隐藏 该 层 ,如 图 6-7 所 示 。 


图 6-7 设置 隐藏 层 Layer2 示意 图 


选择 事件 [onMouseOut]】 ,其 意义 为 “鼠标 移 去 ” ,表示 当 鼠标 指针 从 层 Layerl 上 移 去 
时 ,隐藏 层 Layer2。 

(9) 选中 层 Layerl ,并 单 击 行为 添加 按钮 辆 .在 动作 菜单 中 选择 [ 拖 动 层 ] 命 令 ,在 事 
件 菜单 中 选择 【onMouseMove] 命 令 。 使 得 在 浏览 该 页 面 时 ,能 随意 拖 动 插入 图 像 
Campl.jpg 的 层 Layerl。 

(10) 选中 层 Layerl1, 并 单 击 行为 添加 按钮 国 , 选 择 [ 播 放声 音 ] 动 作 , 在 弹出 的 [播放 
声音 了 对 话 框 中 输入 文件 夹 Music 中 的 声音 文件 Applause. Wav, 并 单 击 【 确 定 ] 按 钮 确 
认 , 如 图 6-8 所 示 。 


图 6-8 播放 声音 对 话 框 示意 图 


(11) 选中 该 行为 ,并 单 击 事件 列表 中 下 三 角形 按钮 ,在 菜单 中 选择 事件 [onClick】, 其 
意义 为 单 击 层 Layerl 时 ,播放 声音 文件 Applause. wav。 

(12) 选中 层 Layerl ,并 单 击 行为 添加 按钮 剧 , 在 动作 菜单 中 选择 【设置 文本 了 【设置 
状态 栏 文本 命令 ,在 【设置 状态 栏 文本 对 话 框 中 输入 "欢迎 光临 网 上 书店 ”, 并 单 击 【 确 
定 ] 按 钮 确认 ,如 图 6-9 所 示 。 


Bme 临 网 上 书店 


图 6-9 设置 状态 条 文本 对 话 框 示意 图 


(13) 选中 该 行为 ,并 在 事件 菜单 中 选择 [onDblClick] 命 令 , 其 意义 为 双击 层 Layerl 
时 ,在 状态 栏 中 显示 文字 “欢迎 光临 网 上 书店 ”。 
(14) 保存 当前 网 页 后 , 按 功能 键 F12 浏览 该 页 面 。 
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6.2 ” Dreamweaver 8 内 置 的 动作 和 事件 


Dreamweaver 8 中 自 带 了 很 多 动作 ,使 用 它们 可 以 在 网 页 中 设计 出 各 种 效果 。 在 本 
节 中 列 出 的 动作 是 Netscape 6. 0、Internet Explorer 6.0 及 以 后 版 本 支持 的 动作 。 在 
【行为 了 面板 中 动作 菜单 中 各 项 的 意义 如 下 : 

(1)【 交 换 图 像 〗: 通过 改变 IMG 标签 的 SRC 属性 来 改变 图 像 。 利 用 该 动作 可 创建 
活动 按钮 或 其 他 图 像 效 果 。 

(2)【 弹 出 信息 了 : 此 动作 可 以 很 方便 地 在 网 页 上 显示 带 指定 信息 的 JavaScript 对 
话 框 。 

(3)【 恢 复 交 换 图 像 ]: 用 于 将 在 Swap Image 动作 中 设置 的 后 一 张 图 像 , 恢 复 为 前 一 
张 图 像 。 此 动作 会 自动 添加 在 连接 了 Swap Image 动作 的 对 象 中 。 

(4)【 打 开 浏 览 器 窗口 】〗: 在 触发 该 行为 时 打开 一 个 新 的 浏览 器 窗口 ,并 在 新 窗口 中 
打开 URL 地 址 指定 的 网 页 。 还 可 设置 新 窗口 的 尺寸 ,是 否 显示 导航 栏 .滚动 条 等 属性 。 

(5)【 拖 动 层 ]: 允许 用 户 用 该 动作 完成 拖 动 层 的 操作 。 

(6)【 控 制 Shockwave 或 Flash】: 利用 该 动作 可 控制 Shockwave 或 Flash 动画 的 【 播 
放 】 工 停止 ] 工 倒 带 了 或 指定 【前 往 帧 3 等 操作 。 

(7)【 播 放声 音 】: 在 网 页 中 加 入 音乐 。 

(8)【 改 变 属性 】: 通过 设 定 的 动作 触发 行为 ,动态 改变 对 象 属性 值 。 

(9)【〖 时 间 轴 级 联 菜单 中 有 以 下 3 个 命令 。 

Q@【 播 放 时 间 轴 】: 可 以 启动 播放 时 间 轴 动画 。 

@【 停 止 时 间 轴 】: 可 以 停止 播放 时 间 轴 动画 。 

G【 转 到 时 间 轴 帧 3: 此 动作 可 以 转 到 时 间 轴 动画 的 某 个 指定 的 帧 ,然后 开始 播放 时 
间 轴 动画 。 在 时 间 轴 面板 的 行为 通道 中 设置 此 动作 及 时 间 轴 动画 的 某 部 分 循环 播放 的 
次 数 。 

(10)【 显 示 一 隐藏 层 】: 显示 、 隐 藏 一 个 或 多 个 层 的 可 见 性 ,这 个 动作 在 与 浏览 者 交 
互信 息 时 是 非常 有 用 的 。 

(11)【 显 示 弹 出 式 菜单 〗: 该 动作 用 来 创建 或 编辑 Dreamweaver 弹出 式 菜单 ,或 者 打 
开 并 修改 已 插入 Dreamweaver 文档 的 Fireworks 弹出 式 菜单 。 

(12)【 检 查 插 件 】: 利用 该 动作 可 根据 访问 者 是 否 安装 需要 的 插件 ,而 发 送 不 同 的 页 
面 。 例 如 ,可 检测 访问 者 的 计算 机 中 是 否 安装 了 Flash 播放 器 ,向 已 安装 Flash 播放 器 的 
用 户 发 送 包 含 Flash 的 网 页 ;向 没有 安装 Flash 播放 器 的 用 户 发 送 一 个 可 以 下 载 Flash 播 
放 器 的 网 址 。 

(13)【 检 查 浏览 器 】: 利用 该 动作 可 根据 访问 者 所 使 用 的 浏览 器 版 本 ,发 送 不 同 的 


页 面 。 
(14)【 检 查 表单 】: 检查 指定 的 文本 框 中 的 内 容 , 以 确保 浏览 者 输入 的 数据 格式 正确 


无 误 。 
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(15)【 设 置 导航 条 图 像 〗: 将 图 像 转 换 成 导航 条 图 像 或 改变 导航 条 中 的 图 像 显 示 ,也 
可 更 新 、 编 辑 导 航 条 的 图 像 。 

(16)【 设 置 文本 】: 级 联 菜单 中 有 以 下 4 个 命令 。 

【设置 层 文本 】: 利用 指定 内 容 替 换 某 个 页 面 上 层 中 的 内 容 及 格式 。 但 不 改变 原 
来 层 的 属性 (如 背景 颜色 .背景 图 像 等 ) 。 

@【 设 置 框架 文本 】: 动态 设置 框架 文本 ,以 特定 的 内 容 蔡 换 框架 格式 和 内 容 。 

@ 【设置 文本 域 文字 】: 可 以 用 指定 的 内 容 取代 文本 框 中 内 容 。 

全 【设置 状态 条 文本 】: 可 在 浏览 器 左下 角 的 状态 栏 中 显示 文本 信息 。 

(17)【 调 用 JavaScript】: 执行 输入 的 JavaScript 代码 。 

(18)【 跳 转 菜单 〗: 设计 者 通过 选择 【插入 了 代表 单 对 象 】 代 跳 转 菜单 了】 命令 ,可 在 网 页 
上 创建 一 个 跳 转 菜单 。 若 要 编辑 修改 这 个 跳 转 菜单 ,可 在 【行为 3 面板 中 双击 【 跳 转 菜单 】 
动作 ,在 【 跳 转 菜单 对话 框 中 修改 跳 转 菜单 的 各 项 参数 。 

(19)【 跳 转 菜单 开始 】: 可 以 给 跳 转 菜单 添加 不 同 的 事件 。 

(20)【 转 到 URL]】: 这 个 动作 用 于 在 当前 窗口 或 指定 的 框架 中 打开 一 个 新 的 页 面 。 

(21)【 隐 藏 弹出 式 菜 单 】: 可 以 给 弹出 式 菜单 添加 事件 使 其 隐藏 。 

(22)【〖【 预 先 载 和 图像 】: 此 动作 可 以 在 浏览 器 的 缓冲 存储 器 中 载 人 不 立即 在 网 页 页 
面 上 显示 的 图 像 , 这 样 在 下 载 较 大 的 图 像 文件 时 可 以 避免 浏览 者 长 时 间 等 待 。 它 主要 用 
于 时 间 轴 ,行为 或 JavaScript 变换 图 像 等 。 

动作 是 执行 某 个 特定 任务 的 一 段 JavaScript 的 程序 ,事件 则 是 指明 了 执行 动作 的 方 
法 。 在 【行为 ] 面 板 中 单 击 国 | 按钮 ,选择 [显示 事件 ] 命 令 ,在 【显示 事件 了 的 级 联 菜单 中 选 
择 能 浏览 网 页 的 浏览 器 版 本 。 选 择 的 浏览 器 版 本 不 同 , 事 件 列表 中 的 事件 选项 也 不 同 , 事 
件 列表 中 常用 选项 的 意义 如 下 : 
onAbort: 在 装载 一 幅 图 像 时 , 单 击 浏览 器 的 [停止 ] 按 钮 ,可 触发 该 事件 。 
。 onAfterUpdate: 当 页 面 中 的 数据 元 素 完成 了 数据 源 更 新 后 ,触发 该 事件 。 
。 onBeforeUpdate: 当 页 面 中 的 数据 元 素 被 修改 时 ,触发 该 事件 。 
。 onBlur: 取消 选中 对 象 时 ,触发 该 事件 。 
。 onFocus: 选中 指定 对 象 时 ,触发 该 事件 。 
。 onBounce: 当 编辑 框 中 的 内 容 到 达 其 边界 时 ,将 触发 该 事件 。 
。 onChange: 改变 页 面 中 数值 时 ,将 触发 该 事件 。 例 如 , 当 用 户 在 菜单 中 选择 了 一 

个 项 目 , 或 者 修改 了 文本 区 中 的 数值 ,然后 在 页 面 任意 位 置 单 击 均 可 触发 该 事件 。 
。 onClick: 单 击 选 定 对 象 (如 超级 链接 图像 .图 像 映像 .按钮 ) ,将 触发 该 事件 。 
。 onDblClick: 双击 选 定 对 象 ,将 触发 该 事件 。 
。 onError: 在 页 面 或 图 像 发 生 装载 错误 时 ,将 触发 该 事件 。 
。 onFinish: 当选 取 框 内 容 已 经 完成 了 一 个 循环 后 ,将 触发 该 事件 。 
。 onHelp: 当 用 户 单 击 浏览 器 的 帮助 按钮 或 从 菜单 中 选择 帮助 时 ,将 触发 该 事件 。 
。 onKeyDown: 当 用 户 按 下 任何 键 时 ,将 触发 该 事件 。 
。 onKeyPress: 当 用 户 按 下 并 释放 任何 键 时 ,触发 该 事件 。 它 相当 于 onKeyDown 
与 onKeyUp 事件 的 联合 。 
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。 onKeyUp: 按 下 任意 键 后 释放 该 键 时 ,触发 该 事件 。 

。 onLoad: 当 图 像 或 页 面 完成 装载 后 ,将 触发 该 事件 。 

。 onMouseDown: 当 浏 览 者 按 下 鼠标 按钮 (不 释放 鼠标 按钮 ) 时 ,将 触发 该 事件 。 
。 onMouseMove: 当 鼠 标 指针 停留 在 对 象 边界 内 时 ,触发 该 事件 。 

。 onMouseOut: 当 鼠 标 指针 离开 对 象 边界 时 ,将 触发 该 事件 。 

。 onMouseOver: 当 鼠 标 首次 移动 指向 特定 对 象 时 ,将 触发 该 事件 。 

。 onMouseUp: 当 按 下 鼠标 按钮 被 释放 时 ,将 触发 该 事件 。 

。 onMove: 移动 窗口 .框架 或 对 象 时 ,将 触发 该 事件 。 

。 onReadyStateChange: 当 指 定 对 象 的 状态 改变 时 ,将 触发 该 事件 。 

。 onReset: 当 表 单 被 复位 到 其 默认 值 时 ,将 触发 该 事件 。 

。 onResize: 当 用 户 调 整 浏览 器 窗口 或 框架 的 尺寸 时 ,将 触发 该 事件 。 

。 onRowEnter: 当 捆 绑 数 据 源 的 当前 记录 指针 改变 时 ,将 触发 该 事件 。 
。 onRowExit: 当 捆绑 数据 源 的 当前 记录 指针 将 要 改变 时 ,和 触发 该 事件 。 
。 onScroll: 当 用 户 拖 动 上 、 下 深 动 条 时 ,触发 该 事件 。 

。 onSelect: 在 文本 区 域 选 定 文本 时 ,触发 该 事件 。 

。 onStart: 当 编 辑 框 中 的 内 容 开 始 循 环 时 ,触发 该 事件 。 

。 onSubmit: 提交 表单 时 ,触发 该 事件 。 

。 onUnload: 离开 页 面 时 ,触发 该 事件 。 


6.3 时 间 轴 的 概述 


在 网 页 设计 过 程 中 ,使 用 时 间 轴 技术 能 让 网 页 中 的 对 象 随时 间 的 变化 活动 起 来 ,从 而 
创建 出 多 姿 多 彩 的 动感 网 页 。 动 感 网 页 中 的 动画 效果 其 实质 是 在 网 页 上 依次 快速 连续 地 
显示 与 某 个 图 像 相关 联 的 多 幅 图 像 , 因 显示 速度 较 快 ,使 人 产生 图 像 活动 的 感觉 。 

如 果 用 人 工 的 方法 实现 一 个 物体 移动 的 动画 是 相当 麻烦 的 ,必须 准备 这 个 物体 的 数 
十 幅 差别 不 算 很 大 的 图 像 ,然后 连续 播放 ,才能 形成 动画 效果 。 用 Dreamweaver 8 的 时 间 
轴 技 术 实现 动画 效果 较为 方便 ,只 需 在 不 同 的 时 间 内 改变 某 个 对 象 的 位 置 . 尺 寸 . 可 见 性 
等 属性 , 便 能 实现 动画 效果 。 时 间 轴 动画 的 单位 是 帧 ,每 一 帧 是 动画 的 一 幅 瞬 间 图 。 

时 间 轴 动画 是 在 特定 的 时 间 内 ,在 指定 的 动画 运动 轨迹 上 ,显示 一 系列 有 关联 特性 的 
静态 图 像 的 组 合 。 


6.3.1 使 用 时 间 轴 面板 


时 间 轴 动画 是 通过 [时间 轴 ] 面 板 来 制作 完成 的 。 在 【时 间 轴 ] 面 板 中 的 每 一 列 代表 一 
帧 , 帧 的 显示 速度 是 由 帧 频率 (Fps) 决 定 的 ,如 图 6-10 所 示 。 例 如 : Fps 是 15, 表 示 15 帧 
的 动画 在 一 秒 钟 内 显示 完 。 

【时 间 轴 了 面板 最 上 面 一 行 是 标题 栏 , 下 面 是 控制 栏 ,在 控制 栏 中 可 设置 时 间 轴 动画 的 
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图 图 中] 团 本 下 ] 回扣 沽 族 回话 


动画 条 “当前 帧 “行为 标记 
指示 线 


图 6-10 ”时 间 轴 面板 示意 图 


各 项 参数 。 标 有 大 写字 母 B 的 是 行为 通道 ,在 行为 通道 中 带 有 行为 标记 的 帧 附加 了 行 
为 。 面 板 中 间 是 时 间 标 尺 ,标尺 上 有 个 红色 小 块 是 当前 帧 标记 ,表明 了 当前 帧 的 状况 。 下 
面 是 动画 条 ,在 一 个 网 页 页 面 上 可 设置 描述 多 个 对 象 运动 的 动画 条 。 

【时 间 轴 ] 面 板 中 的 各 项 参数 的 具体 意义 如 下 : 

(1)【 时 间 轴 列表 】: [Faw 一 是 时 间 轴 选择 列表 ,在 同一 个 文档 中 可 以 设置 多 个 时 
间 轴 , 当 用 户 创建 多 个 时 间 轴 时 ,利用 该 下 拉 列 表 可 选择 当前 时 间 轴 。 

(2)【 播 放 控 制 选项 】: | 机 [* J 列 这 3 个 按钮 的 功能 分 别 是 切换 到 第 1 帧 切换 到 
当前 帧 的 上 一 帧 ,切换 到 当前 帧 的 下 一 帧 ,文本 框 中 是 当前 帧 的 序号 ,车 输入 某 个 帧 序号 
值 , 便 可 切换 到 该 帧 。 单 击 | 蜀 | 剧 | 两 个 按钮 并 按 住 鼠标 左 键 不 放 , 可 预览 动画 效果 。 

(3)【 播 放 速度 设置 ]: 辆 5 在 Fps 文本 框 中 设置 每 秒 要 播放 的 速度 ,默认 值 为 15 
帧 / 秒 。 该 数值 越 小 ,播放 速度 越 慢 。 动 画 的 帧 频率 等 于 帧 总 数 ( 即 长 度 ) 除 以 动画 所 持续 
的 时 间 的 商 。 公 式 为 : 帧 总 数 三 持续 秒 数 X 帧 频率 。 动 画 的 长 度 就 是 指定 的 时 间 轴 从 起 
点 到 终点 所 有 的 帧 数 。 可 以 随意 调整 以 上 3 个 参数 ,设置 希望 得 到 的 动画 效果 。 

(4)【 自 动 播放 】 复 选 框 : 若 选 中 该 复 选 项 ,表示 网 页 打开 后 ,时 间 轴 动画 自动 开始 
播放 。 

(5)【 循 环 播 放 】 复 选 框 : 若 选中 该 复 选 项 ,表示 网 页 打开 后 ,循环 播放 时 间 轴 动画 。 
系统 自动 在 动画 的 最 后 一 帧 后 面 插 入 【 转 到 时 间 轴 帧 ] 的 行为 ,设计 者 在 [行为] 面板 中 双 
击 要 改行 为 后 ,可 加 以 修改 。 

时 间 轴 能 移动 的 主要 对 象 是 层 , 如 果 希 望 移动 文本 或 图 像 之 类 的 对 象 ,可 以 将 它们 先 
放置 在 层 中 ,然后 再 设置 为 时 间 轴 动画 。 下 面 用 一 个 简单 的 实例 ,具体 介绍 时 间 轴 的 
用 法 。 


6.3.2 创建 时 间 轴 动画 


时 间 轴 动画 一 般 是 通过 控制 层 来 实现 图 像 、 文 本 或 其 他 对 象 活动 的 。 将 图 像 或 文本 
插入 层 中 ,通过 时 间 轴 控制 层 的 变化 ,就 能 制作 出 图 像 .文本 或 其 他 对 象 的 动画 效果 。 

例如 要 设计 一 幅 图 像 从 网 页 的 一 边 移动 到 另 一 边 , 可 以 按 下 面 的 应 用 实例 来 完成 
操作 。 


第 6 章 ”行为 与 时 间 轴 及 其 应 用 一 一 一 一 一 一 一 一 一 (95 


例 6.2 制作 一 个 使 图 像 文 件 bird. jpg 从 屏幕 左边 移动 到 右边 的 动画 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 新 建 一 个 页 面 ,设置 背景 图 像 bg0026. jpg。 

(2) 选择 [窗口 II【 时 间 轴 命令 ,或 按 Alt 十 F9 组 合 键 ,打开 【时间 轴 】 面 板 。 

(3) 单 击 [ 插 入 ] 栏 的 [布局 〗 选 项 中 的 十 按钮 ,插入 一 个 层 。 

(4) 单 击 [ 插 入 ] 栏 的 [常用 】 选 项 中 的 图 按钮 ,在 层 中 插入 img 文件 夹 中 的 图 像 文 件 
bird. gif。 

(5) 选中 该 层 , 并 将 其 拖 动 到 [时 间 轴 面板 中 去 。 在 【时 间 轴 面板 中 形成 一 段 15 由 
的 动画 条 ,如 图 6-11 所 示 。 


图 6-11 创建 时 间 轴 动画 条 


(6) 选中 时 间 轴 中 第 15 帧 ,将 红色 当前 帧 标记 移 到 该 帧 ,然后 将 层 从 页 面 左边 移动 
到 页 面 右 边 ,此 时 可 以 看 见 网 页 中 出 现 了 一 条 水 平移 动 的 轨迹 ,如 图 6-12 所 示 。 

(7) 选中 时 间 轴 上 方 的 【自动 播放 】 和 【循环 ] 复 选 框 ,此 时 在 动画 条 最 后 一 帧 的 后 一 
帧 上 附加 了 返回 第 一 帧 的 行为 。 

(8) 保存 页 面 后 ,选择 [文件 ] 民 在 浏览 器 中 预览 ] iexplore 6. 0 命令 ,或 按 功能 键 
F12 预览 页 面 。 可 以 看 到 带 有 小 鸟 图 像 的 层 在 页 面 中 不 断 从 屏幕 左边 移动 到 右边 。 

在 图 6-12 所 示 的 【时 间 轴 面板 中 ,动画 条 的 第 一 帧 和 最 后 一 帧 都 标 有 一 个 小 圆圈 , 
这 个 圆圈 被 称 为 关键 帧 。 关 键 帧 是 动画 条 中 一 种 被 定义 特有 属性 的 帧 ,如 对 象 在 网 页 中 
的 位 置 .对 象 显 示 的 时 间 等 。 在 Dreamweaver 8 中 制作 简单 的 时 间 轴 动画 时 ,设计 者 只 需 
定义 起 始 位 置 和 结束 位 置 的 两 个 关键 帧 的 属性 ,两 个 关键 帧 之 间 其 他 帧 的 属性 由 
Dreamweaver 8 自动 设置 。 

设计 者 可 用 鼠标 指针 拖 忠 最 后 一 个 关键 帧 来 改变 动画 条 的 长 度 , 或 直接 拖 跨 动画 条 
改变 动画 开始 或 结束 的 时 间 。 
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wer 8 — [E:\ly site\6-12.htal (XHTNL)#*] 


图 6-12 生成 动画 轨迹 示意 图 


6.3.3 生成 和 编辑 动画 路 径 


上 节 所 述 的 例子 只 是 一 种 沿 着 直线 运动 的 动画 。Dreamweaver 8 允许 设计 者 对 动画 
的 直线 路 径 重 新 修改 编辑 ,利用 插入 关键 帧 的 方法 来 实现 更 为 复杂 的 动画 路 径 。 

在 设置 了 时 间 轴 动画 的 基本 状态 之 后 ,可 利用 [时 间 轴 面板 增加 ,减少 动画 的 帧 ,增加 、 
减少 动画 的 关键 帧 ,修改 对 象 运动 的 轨迹 ,改变 动画 的 开始 时 间 , 等 等 ,其 操作 步骤 如 下 : 

(1) 通过 拖 忠 动画 条 结束 帧 标记 ,可 以 增加 动画 的 帧 ,用 同样 的 方法 可 以 减少 动画 的 
帧 。 此 时 所 有 关键 帧 之 间 的 相对 位 置 不 变 , 即 动画 均匀 调整 。 例 如 ,给 前 面 例题 增加 30 
帧 ,只 需 拖 忠 动画 条 右 侧 结束 帧 标记 至 标尺 45 帧 处 即 可 ,如 图 6-13 所 示 。 


图 6-13 【时 间 轴 了 面板 增加 帧 示意 图 


(2) 分 别 选中 时 间 轴 面板 中 的 第 10、20、30、40 帧 , 右 击 ,选择 快捷 菜单 中 的 【增加 关 
键 帧 3 命令 ,或 单 击 时 间 轴 面板 右 侧 国 按 钮 ,选择 【增加 关键 帧 3 命令 ,在 动画 条 中 的 第 
10、20、30、40 帧 处 增加 关键 帧 ,如 图 6-14 所 示 。 

(3) 如 果 在 当前 动画 条 上 已 经 插入 了 关键 帧 ,在 增加 或 减少 动画 的 帧 时 不 希望 调整 
其 他 关键 帧 的 位 置 , 可 在 拖 动 结束 帧 标记 时 按 住 Ctrl 键 ,此 时 动画 条 中 关键 帧 的 位 置 
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图 6-14 【时 间 轴 了 面板 增加 关键 帧 示意 图 


不 变 。 

(4) 通过 拖 动 关键 帧 标记 可 调整 该 关键 帧 在 画面 上 出 现 的 时 间 。 例 如 ,在 上 例 中 按 
住 Ctrl 键 将 原来 的 第 20 关键 帧 拖 至 第 15 帧 位 置 , 则 层 对 象 在 运动 时 会 前 快 后 慢 。 

(5) 通过 直接 向 左 、 右 拖 忠 动画 条 ,可 调整 动画 的 开始 、 结 束 的 时 间 。 例 如 ,原来 动画 
自 第 1 帧 开始 ,至 第 15 帧 结束 ,通过 向 右 拖 忠 动画 条 ,可 使 动画 在 第 5 帧 开始 ,在 第 20 帧 
结束 。 

(6) 要 移动 整个 层 对 象 和 运动 轨迹 。 可 单 击 动画 条 上 任意 非 关 键 帧 处 ,选中 整个 动 
画 条 ,然后 单 击 层 控制 柄 回 拖 动 该 对 象 ,可 移动 整个 动画 对 象 和 其 运动 的 轨迹 。 

(7) 要 在 网 页 中 增加 动画 对 象 ,实际 上 就 是 在 【时 间 轴 面板 中 增加 动画 条 ,可 右 击 ， 
在 快捷 菜单 中 选择 [增加 时 间 轴 命令 ;也 可 在 选择 [修改 IK 时 间 轴 】I【 增 加 对 象 到 时 间 
轴 ] 命 令 ; 还 可 选中 某 个 层 对 象 后 ,直接 将 其 拖 至 【时间 轴 ] 面 板 中 。 

(8) 利用 插入 的 关键 帧 可 将 动画 直线 运动 的 轨迹 改 为 曲线 运动 。 分 别 选中 时 间 轴 面 
板 中 的 动画 条 的 第 10、20、30、40 关键 帧 ,然后 拖 电 层 控制 柄 加 ,改变 层 对 象 的 运动 轨迹 ， 
如 图 6-15 所 示 。 按 功能 键 F12 预览 网 页 ,小 鸟 的 图 像 将 沿 新 轨迹 上 下 运动 ,在 层 对 象 的 
运动 轨迹 拐角 处 就 是 关键 帧 所 处 的 位 置 。 

(9) 选中 对 象 后 右 击 【 时 间 轴 面板 ,然后 从 弹出 的 快捷 菜单 中 选择 下 述 命令 ,可 完成 
相应 的 操作 如 下 : 

@ 选择 [添加 对 象 〗 或 【 移 除 对 象 】 命 令 . 可 从 【时 间 轴 ] 面 板 中 增加 或 删除 对 象 ,实际 
上 就 是 增加 或 删除 该 对 象 所 对 应 的 动画 条 。 

@ 选择 [添加 行为 】 或 【 移 除 行为 3 命令 .可 增加 或 删除 行为 。 

@ 选择 [增加 关键 帧 3 或 【 移 除 关键 帧 3 命令 ,可 增加 或 删除 关键 帧 。 

@ 选择 [增加 时 间 轴 】【 移 除 时 间 轴 】【 重 命名 时 间 轴 命令 ,可 对 时 间 轴 完成 增加 、 
删除 或 改名 的 操作 。 

(10) 预览 网 页 后 ,将 文件 以 exa6-2. htm 为 名 保存 在 My site 文件 夹 中 。 

从 本 例 可 以 看 出 用 时 间 轴 技术 制作 的 动画 操作 比较 简单 ,设计 者 不 必 设 置 每 一 帧 的 
属性 ,而 只 要 设置 关键 的 几 个 帧 即 可 确定 对 象 运动 的 轨迹 。 关 键 帧 之 间 的 帧 被 称 为 中 间 
帧 (或 普通 帧 ) ,它们 的 状态 由 系统 自动 产生 。 要 注意 的 是 ,时 间 轴 动画 不 是 所 谓 的 GIF 
动画 ,而 是 真正 用 Java Script 代码 编写 的 动画 。 
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图 6-15 改变 时 间 轴 轨迹 的 页 面 


6.3.4 在 时 间 轴 中 加 入 行为 


在 Dreamweaver 8 中 ,可 以 给 时 间 轴 的 某 些 帧 附加 行为 ,然后 用 时 间 轴 便 可 控制 动画 
对 象 的 动作 。 在 动画 运行 到 附加 行为 的 某 帧 位 置 时 ,自动 执行 该 行为 对 应 的 动作 ,从 而 可 
制作 出 很 多 有 趣 的 效果 。 例 如 在 上 面 例题 中 ,动画 运动 到 某 帧 时 播放 音乐 ,动画 运动 到 某 
帧 时 隐藏 或 显示 层 ,在 时 间 轴 的 某 些 关键 帧 上 附加 相应 的 行为 , 便 可 完成 所 述 的 功能 。 下 
面 通过 应 用 实例 来 说 明 在 时 间 轴 中 加 入 行为 的 操作 。 

例 6.3 在 上 面 例题 的 第 5 帧 处 播放 声音 Applause. wav; 在 第 15 帧 处 隐藏 动画 对 
象 ; 在 第 36 帧 处 显示 动画 对 象 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 单 击 要 附加 行为 的 第 5 帧 ,将 其 选中 。 再 单 击 【时 间 轴 了 面板 右上 和 角 的 园 按 钮 , 打 
开 时 间 轴 的 菜单 ,在 菜单 中 选择 [添加 行为 3 选项 ,打开 [行为 ] 面 板 。 

(2) 在 【行为 ] 面 板 上 单 击 国 | 按钮 ,打开 动作 菜单 。 选 择 【 播 放声 音 】 动 作 , 此 时 系统 将 
打开 【播放 声音 了 对 话 框 ,如 图 6-16 所 示 。 

(3) 单 击 【 浏 览 ] 按 钮 ,选择 music 文件 夹 中 声音 文件 Applause. wav, 然 后 单 击 【 确 
定 ] 按 钮 ,返回 【行为 面板 ,此 时 可 以 看 到 新 加 入 的 行为 。 在 [行为] 面板 的 事件 列 中 ,可 以 
看 到 该 行为 响应 的 事件 为 onFrame5 ,表示 当 动 画 播放 到 第 5 帧 时 事件 得 到 响应 ,触发 动 
作 播 放声 音 ,如 图 6-17 所 示 。 切 换 到 [时间 轴 ] 面 板 , 可 以 看 到 在 附加 行为 后 ,行为 通道 上 
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图 6-16 插入 【播放 声音 ] 对 话 框 图 6-17 添加 新 行为 后 的 【行为 面板 


的 第 5 帧 处 出 现 浅 蓝 色 的 行为 标记 。 

(4) 设置 完毕 , 单 击 [确定 了 按钮 。 

(5) 按 功能 键 F12 浏览 网 页 页 面 , 当 动画 运行 到 第 5 帧 时 ,播放 声音 文件 。 

通过 上 面 的 应 用 实例 ,读者 想必 已 经 明白 行为 和 时 间 轴 综合 应 用 的 特点 了 。 行为 实 
际 上 是 事件 (event) 与 动作 (action) 的 联合 ,事件 用 于 指明 执行 某 项 动作 的 条 件 和 方式 ,如 
鼠标 指针 移 到 对 象 上 方 . 离 开 对 象 , 单 击 对 象 、 双 击 对 象 . 定 时 等 都 是 事件 ;动作 实际 上 是 
一 段 执行 特定 任务 的 预先 写 好 的 JavaScript 代码 , 如 打开 窗口 .播放 声音 ,停止 
Shockwave 电影 等 都 是 动作 。 用 时 间 轴 控制 动画 行为 ,使 动画 运行 到 指定 帧 这 个 事件 被 
响应 时 ,触发 某 个 动作 ,从 而 实现 较为 复杂 的 交互 式 动画 效果 。 


6.4 用 时 间 轴 改变 图 像 和 层 的 属性 


用 时 间 轴 除 可 以 控制 层 的 位 置 变化 以 外 .还 可 以 替换 图 像 ,改变 层 的 可 见 性 , 层 的 释 
放 次 序 和 层 的 大 小 等 属性 。 动 画 对 象 的 这 些 属性 变化 ,主要 是 通过 在 不 同 的 关键 帧 上 设 
置 对 象 的 不 同属 性 来 实现 的 。 


6.4.1 用 时 间 轴 控制 层 的 可 见 性 


动画 在 播放 过 程 中 ,可 在 时 间 轴 的 关键 帧 上 设置 层 的 显示 属性 来 改变 层 的 可 见 性 ,或 
者 在 关键 帧 处 添加 隐藏 或 显示 层 的 行为 ,从 而 使 浏览 网 页 时 ,动画 对 象 产生 时 隐 时 现 的 效 
果 。 下 面 通过 应 用 实例 来 说 明 用 时 间 轴 控制 层 的 可 见 性 。 

例 6.4 在 6.3.3 节 小 鸟 动画 的 例题 中 (如 图 6-15 所 示 ), 第 15 帧 处 隐藏 动画 对 象 
第 36 帧 处 显示 对 象 ,动画 对 象 循环 播放 5 次 后 停止 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 选择 [文件 ] 民 打开 命令 ,打开 文件 exa6-2. htm。 

(2) 选择 [窗口 II【 时 间 轴 命令 ,或 按 快捷 键 Alt 十 F9 ,打开 【时 间 轴 JJ 面板 。 

(3) 选中 要 附加 行为 的 第 15 帧 ,再 单 击 时 间 轴 面板 右上 角 的 国 按钮 ,打开 时 间 轴 的 
菜单 ,在 菜单 中 选择 [添加 行为 命令 ,打开 [行为 7 面板 。 

(4) 在 【行为 了 面板 中 单 击 国 按钮 ,打开 附加 动作 菜单 。 选 择 [ 显 示 一 隐藏 层 ] 动 作 , 此 
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时 系统 将 打开 【显示 一 隐藏 层 ] 对 话 框 , 单 击 【 隐 藏 ] 按 钮 ,隐藏 层 对 象 Layerl 。 

(5) 用 上 述 步骤 (3) ,步骤 (4) 同 样 的 方法 对 第 36 帧 设置 显示 层 的 行为 。 

(6) 选中 [时 间 轴 面板 上 的 【循环 播放 】 的 选项 ,此 时 在 动画 条 结束 帧 的 后 一 帧 上 附 
加 了 【 转 到 时 间 轴 帧 ] 行 为 。 在 【行为 面板 中 双击 该 行为 ,系统 弹出 [【 转 到 时 间 轴 帧 ] 对 话 
框 , 在 [循环 ] 文 本 框 中 输入 5, 表示 循环 5 次 。 利 用 【 转 到 时 间 轴 帧 3 行为 ,可 以 实现 直接 
跳 转 到 时 间 轴 动画 上 的 某 一 个 帧 所 在 的 位 置 ,如 图 6-18 所 示 。 


图 6-18 【 转 到 时 间 轴 帧 3 对 话 杠 


在 【循环 文本 框 中 ,可 以 输入 当前 帧 到 【 转 到 帧 】 文 本 框 中 输入 的 帧 之 间 循 环 播放 的 
次 数 ,如 果 不 输入 数据 ,表明 一 直 循环 播放 。 值 得 注意 的 是 ,只 有 当 将 该 行为 附加 到 时 间 
轴 上 时 , 才 可 以 在 这 里 输入 循环 次 数 ,和 否则 这 里 必须 保留 空白 。 

(7) 设置 完毕 , 单 击 [确定 按钮 。 按 功能 键 F12 浏览 网 页 页 面 。 

(8) 将 文件 以 exa6-3. htm 为 名 保存 在 My site 文件 夹 中 。 

本 例 是 对 层 添 加 了 显示 ,隐藏 行为 ,另外 一 种 处 理 方法 是 在 关键 帧 处 ,设置 层 的 显示 、 
隐藏 属性 ,也 可 以 使 网 页 中 的 对 象 有 相同 的 效果 。 


6.4.2 用 时 间 轴 控制 图 像 奉 换 


在 浏览 网 页 时 ,经 常 可 以 看 到 网 页 中 有 些 图 片 像 幻 灯 片 一 样 , 随 着 时 间 的 推移 不 断 地 
交替 变化 。 下 面 通过 应 用 实例 来 介绍 用 时 间 轴 控制 图 像 轮流 替换 的 方法 。 

例 6.5 制作 一 个 网 页 页 面 ,页 面 上 的 四 幅 图 像 轮流 显示 ,如 图 6-19 所 示 , 每 隔 2/3 
秒 钟 显示 其 中 一 幅 图 像 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 新 建 一 个 页 面 , 设 置 背 景 图 像 bg0006. jpg。 

(2) 选择 [窗口 【时 间 轴 命令 ,或 按 Alt 十 F9 组 合 键 ,打开 [时 间 轴 面板 。 

(3) 单 击 [ 插 入 了 栏 的 [常用 选项 中 的 图 按钮 ,在 层 中 插入 img 文件 夹 中 的 图 像 文件 
shu2. jpg。 

(4) 选中 图 像 ,将 其 拖 人 【时 间 轴 了 面板 。 

(5) 将 时 间 轴 动画 条 增加 至 40 帧 ,并 在 10、20、30 帧 处 设置 关键 帧 。 

(6) 分 别 选 中 第 10、20、30 帧 ,在 【属性 了 面板 的 【 源 文件 ] 文 本 框 中 ,输入 该 关键 帧 处 
替换 图 像 的 路 径 和 文件 名 。 在 第 10、20、30 帧 3 个 关键 帧 处 的 替换 图 像 文件 分 别 是 img 
文件 夹 中 的 shu3. jpg、shu4. jpg、shul. jpg 文件 。 

(7) 设置 完毕 , 按 功 能 键 F12 浏览 网 页 页 面 。 
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相应 用 实例 - icrosoft Internet Explorer 
文件 @) ”编辑 他) 查看 Q) 收 送 入 ) 工具 代 帮助 0D 


[由] :有 5 回 自 动 插 族 ” 回 循 环 


宽 l40_] 源 六 件 ng/shv2 jpe 
高 h40 | 链接 | 
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图 6-19 ”用 时 间 轴 控制 图 像 替 换 示意 图 


(8) 将 文件 以 exa6-4. htm 为 名 保存 在 My site 文件 夹 中 。 
6.4.3 用 时 间 轴 改变 层 的 大 小 


改变 时 间 轴 关键 帧 处 的 图 像 属性 ,不 但 可 以 控制 图 像 蔡 换 ,制作 出 不 同 图 像 在 页 面 上 
轮流 显示 的 效果 ;而 且 还 可 以 通过 改变 时 间 轴 关键 帧 处 层 的 属性 ,来 改变 层 的 大 小 ,制作 
出 动感 效果 。 下 面 通过 应 用 实例 来 介绍 用 时 间 轴 改变 层 的 大 小 。 

例 6.6 制作 一 个 网 页 页 面 。 浏 览 网 页 时 ,网 页 页 面 的 左边 缓慢 显示 出 红色 线条 , 线 
条 的 高 度 为 10 像素 。 

制作 分 析 : 

在 网 页 上 绘制 10X 10 像素 的 层 , 并 设置 层 的 背景 颜色 ,将 该 层 添加 到 时 间 轴 面板 中 ， 
延长 动画 条 至 100 帧 。 每 间隔 5 帧 插入 一 个 关键 帧 ,在 每 个 关键 帧 处 改变 层 的 属性 , 层 的 
高 度 不 变 ,宽度 依次 增加 50 像素 ,从 而 使 得 随 着 时 间 轴 动画 播放 ,网 页 出 现 动感 效果 。 

操作 步 又， 

(1) 新 建 一 个 页 面 ,设置 背景 图 像 bg0006. jpg, 背 景 图 像 设置 为 纵向 重复 ,并 设置 其 
他 必要 的 网 页 页 面 属性 。 

(2) 在 网 页 上 插入 一 个 大 小 为 10X10 像素 的 层 。 选 中 层 , 在 【属性 了 面板 中 设置 层 的 

背景 颜色 为 #FF0000( 红 色 ) 。 

(3) 选 择 【窗口 JI【 时 间 轴 命令 ,或 按 Alt 十 F9 ,打开 【时 间 轴 JJ 面板。 

(4) 单 击 【 时 间 轴 面板 右上 角 的 国 按钮 ,打开 时 间 轴 的 快捷 菜单 ,在 快捷 菜单 中 选择 
【添加 对 象 】 命 令 ,添加 时 间 轴 动画 条 。 用 鼠标 拖 忠 动画 条 最 后 一 个 关键 帧 ,使 动画 条 的 帧 
增加 至 100 帧 ,如 图 6-20 所 示 。 
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图 6-20 在 网 页 中 插入 层 和 创建 时 间 轴 动画 条 


(5) 在 动画 条 上 每 隔 5 帧 设置 一 个 关键 帧 。 
(6) 分 别 选择 第 5、10、15、20、25…100 关键 帧 ,然后 在 【属性 了 面板 上 ,设置 每 个 关键 帧 
处 层 的 属性 , 层 的 【高 3 为 10 像素 ,【 宽 的 值 为 每 个 关键 帧 递增 50 像素 ,如 图 6-21 所 示 。 
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图 6-21 添加 动画 条 和 关键 帧 


(7) 选 中 [时 间 轴 面板 上 【自动 播放 】 复 选项 。 

(8) 设 置 完毕 , 按 功 能 键 F12 浏览 网 页 页 面 ,红色 算 形 线条 缓慢 地 在 页 面 上 夯 出 。 

(9) 将 文件 以 exa6-5. html 为 名 保存 在 My site 文件 夹 中 。 

上 述 例子 是 在 一 个 时 间 轴 中 加 入 一 个 动画 条 ,在 实际 用 中 也 可 根据 需要 在 一 个 时 间 
轴 中 加 入 多 个 动画 条 ,并 可 用 鼠标 拖 虹 某 个 动画 条 来 改变 某 一 动画 对 象 播放 的 先后 时 间 。 


6.4.4 多 条 时 间 轴 的 管理 


在 一 个 网 页 页 面 中 设计 者 可 以 用 一 个 时 间 轴 管理 多 个 动画 ( 即 每 个 动画 由 一 个 动画 
条 控制 ) ,但 是 如 果 在 同一 个 网 页 页 面 中 的 动画 过 多 或 动画 类 型 不 同 , 则 可 用 多 个 时 间 轴 
分 别 控制 多 个 不 同 的 动画 。 

添加 删除 和 重 命名 时 间 轴 的 操作 步骤 如 下 : 

(1) 选择 [窗口]I【 时 间 轴 命令 ,或 按 Alt 十 F9 组 合 键 ,打开 【时 间 轴 ] 面 板 。 

(2) 单 击 【 时 间 轴 面板 右上 角 的 国 按钮 ,打开 时 间 轴 的 菜单 ,在 菜单 中 选择 以 下 命令 
分 别 完成 不 同 的 任务 。 

Q 选择 [添加 时 间 轴 命令 ,可 添加 时 间 轴 ,然后 在 新 的 时 间 轴 中 添加 管理 动画 的 动 
画 条 。 
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@ 选择 [ 移 除 时 间 轴 ] 命 令 , 可 删除 当前 选中 
的 时 间 轴 。 

@ 选择 【 重 命 名 时 间 轴 命令 ,在 【 重 命 名 时 
间 轴 对话 框 中 对 当前 时 间 轴 重 命名 ,如 图 6-22 
所 示 。 

通过 下 一 节 的 应 用 实例 可 以 了 解 , 多 个 时 间 
轴 和 多 个 动画 条 的 应 用 。 


重 命 名 时 间 轴 
时 间 轴 名 称 CD) : 
交换 图 像 


图 6-22 【 重 命名 时 间 轴 对 话 框 示 意图 


6.5 行为 和 时 间 轴 的 应 用 实例 


这 是 一 个 行为 .时 间 轴 和 鼠标 经 过 图 像 的 综合 应 用 实例 ,在 网 页 中 创建 一 个 2 行 2 列 
的 布局 表格 ,每 个 布局 单元 格 的 大 小 为 150 X 100 像素 ,4 个 布局 单元 格 中 设置 了 4 幅 
【鼠标 经 过 图 像 】, 如 图 6-23 所 示 。 


图 6-23 应 用 实例 示意 图 


在 网 页 中 插入 一 个 带 有 anniu. gif 图 像 的 层 , 这 个 层 围绕 4 幅 [ 鼠 标 经 过 图 像 3 组 成 的 
矩形 运动 , 当 这 个 层 在 矩形 的 某 一 条 边 上 运动 时 ,相对 应 的 1 幅 [ 鼠 标 经 过 图 像 】 就 发 生 翻 
转 。 预 览 网 页 后 ,以 exa6-6. htm 为 文件 名 将 文件 保存 在 My site 文件 夹 中 。 

制作 分 析 : 

在 4 幅 [ 鼠 标 经 过 图 像 3 组 成 的 矩形 的 4 条 边 上 ,创建 带 有 anniu. gif 图 像 的 层 的 时 间 
轴 动 画 。 该 层 在 围绕 4 条 时 间 轴 轨迹 运动 .并 给 这 个 层 附加 行为 。 当 该 层 运动 到 当前 时 
间 轴 的 最 后 一 帧 时 ,触发 对 应 的 [鼠标 经 过 图 像 ] 还 原 的 动作 [恢复 交换 图 像 】; 当 层 运动 到 
当前 时 间 轴 的 第 一 帧 时 ,触发 对 应 的 【鼠标 经 过 图 像 3 的 动作 交换 图 像 。 

完成 本 例 的 操作 步骤 如 下 : 
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(1) 新 建 一 个 页 面 , 设 置 背景 图 像 bg0000. jpg, 以 exa6-6. htm 为 名 将 文件 保存 在 My 
site 文件 夹 中 。 

(2) 单 击 【 插 入 ] 栏 [布局 〗 选 项 中 的 [布局 模式 按钮 ,将 网 页 编辑 方式 切换 成 [布局 视 
图 J 模式。 绘制 大 小 为 150X100 像素 的 2 行 2 列 的 布局 单元 格 ,如 图 6-23 所 示 。 

(3) 选择 [插入 】I【 图 像 对 象 ]【 和 鼠标 经 过 图 像 ] 命 令 , 在 4 个 布局 单元 格 中 插入 img 
文件 夹 中 的 原始 图 像 文件 tul_1. jpg、tu2_1. jpg、tu3_1. jpg、tu4_1. jpg 和 翻转 图 像 文件 
tul. jpg、tu2. jpg、tu3. jpg、tu4. jpg, 如 图 6-23 所 示 。 

(4) 在 4 幅 [ 鼠 标 经 过 图 像 ] 组 成 的 矩形 4 条 边 上 ,创建 4 条 时 间 轴 动画 条 ,动画 对 象 
为 带 有 anniu. gif 图 像 的 层 ,并 在 矩形 4 条 边 的 合适 位 置 上 创建 运动 轨迹 ,如 图 6-24 
所 示 。 


[ra[cop 


15 


图 6-24 应 用 实例 的 时 间 轴 示意 图 


(5) 选中 第 1 条 时 间 轴 动画 条 的 第 1 帧 ,在 快捷 菜单 中 选择 [增加 行为 3 命令 ,添加 行 
为 [事件] 为: OnFramel,【 动 作为 : 【交换 图 像 】。 

(6) 双击 该 行为 ,在 弹出 的 [交换 图 像 ] 对 话 框 中 设置 参数 ,如 图 6-25 所 示 。 在 【图 
像 ] 文 本 框 中 显示 了 当前 网 页 中 的 所 有 图 像 名 ,选中 第 1 幅 图 像 Image 1. 并 在 【 设 定 原始 
档 为 ] 文 本 框 中 输入 该 图 对 应 的 【交换 图 像 3 的 文件 名 和 路 径 , 单 击 【 确 定 ] 按 钮 确认 。 


RE On 
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图 6-25 【交换 图 像 3 对 话 框 


(7) 选中 该 动画 条 的 最 后 一 帧 ,在 快捷 菜单 中 选择 【增加 行为 命令, 添加 行为 ， 
【事件 为 : OnFramel15 民 动作 了 为:【 恢 复 交 换 图 像 】。 

(8) 用 同样 的 方法 为 其 他 轨迹 的 动画 条 设置 相应 的 行为 。 

(9) 选中 时 间 轴 面板 中 【自动 播放 】 和 【循环 ] 的 复 选项 ,自动 和 循环 播放 时 间 轴 动画 。 

(10) 预览 网 页 文件 后 ,以 exa6-6. htm 为 文件 名 将 文件 保存 在 My site 文件 夹 中 。 
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所 医 层 全 样式 ,模板 与 库 
第 


知识 点 

。 层 释 样式 表 (CSS) 创 建 .编辑 和 应 用 

。 CSS 滤 镜 的 设置 和 应 用 

。 模板 和 库 的 创建 、 编 辑 和 应 用 

在 Dreamweaver 8 中 ,样式 .模板 和 库 是 网 页 设计 不 可 缺少 的 工具 ,它们 可 以 统一 网 
页 的 风格 ,节省 页 面 制作 的 时 间 ,提高 整个 网 站 更 新 维护 的 效率 。 


7.1 层 茎 样式 表 概述 


样式 是 预先 定义 好 的 、 格 式 化 网 页 文档 的 工具 。 本 节 中 介绍 的 层 琶 样式 表 
(Cascading Style Sheets, 以 下 简称 CSS 样式 表 ) 是 由 W3C (Word Wide Web 
Consortium) 组 织 批准 的 一 种 网 页 元 素 定 义 规 则 ,是 一 种 可 以 对 网 页 文档 内 容 进行 精确 格 
式 化 控制 的 工具 , 它 能 够 控制 大 多 数 常 用 的 文本 格式 属性 ,如 字体 、 大 小 尺寸 .对齐 方式 
等 ,还 可 以 控制 位 置 特殊 效 果 、 鼠 标 翻转 等 很 多 网 页 元 素 的 属性 。 

CSS 样式 表 是 一 个 包含 了 CSS 样式 和 格式 说 明 的 文件 ,通常 可 以 存放 在 本 地 站 点 
下 。 利 用 CSS 样式 可 自动 格式 化 网 页 文档 ,可 以 为 部 分 文件 .整个 文件 和 整个 网 站 定义 
样式 。 设 计 网 站 时 可 将 定义 好 的 CSS 样式 直接 存储 在 网 页 文档 中 ,也 可 以 将 CSS 样式 定 
义 在 网 页 文档 之 外 的 CSS 样式 表 文 件 中 ,然后 将 它 链接 到 多 个 网 页 文档 中 ,完成 网 页 的 
格式 化 。 当 一 个 定义 好 的 CSS 样式 被 修改 后 ,使 用 这 个 CSS 样式 的 网 页 文档 的 格式 也 都 
将 自动 更 新 。 

CSS 样式 表 文 件 能 被 Netscape Navigator 4.0 与 Internet Explorer 4.0 或 更 高 版 本 
的 浏览 器 所 支持 。 


7.2 层 芭 样式 表 的 创建 与 编辑 


在 Dreamweaver 8 中 ,选择 [窗口]IK【CSS 样式 命令 ,或 者 按 Shift 十 Fl1 组 合 键 ， 
也 可 以 单 击 【属性 面板 的 [CSS】 按 钮 ,就 可 以 打开 [CSS 样式 面板 ,如 图 7-1 所 示 。 使 用 


【CSS 样式 了 面板 可 以 完成 查看 创建、 编辑 和 删除 CSS 样式 的 操作 ,并且 可 以 将 外 部 样 
式 表 附 加 到 当前 网 页 文档 ,完成 格式 化 网 页 文档 的 操作 。 


css 样式 屋 


了 5 
和 


切换 到 所 
有 文体 借 式 


切换 到 当 
前 选择 模式 


图 7-1 【CSS 样式 ] 面 板 


在 【CSS 样式] 面板 下 方 左下 角 有 [类别] 视图 【列表 】 视 图 和 【设置 属性 ] 视 图 3 个 按 
钮 , 右 下 角 有 4 个 对 CSS 样式 进行 操作 的 按钮 ,这 些 按 钮 的 作用 如 下 : 

[ 妈 【 类 别 ] 视 图 : Dreamweaver 支持 的 CSS 属性 分 为 8 个 类 别 ,字体 .背景 .区 块 , 边 
框 \ 方 框 、 列 表 、 定 位 和 扩展 。 每 个 类 别 的 属性 都 包含 在 一 个 列表 中 ,可 以 单 击 类 别名 称 旁 
边 的 十 或 一 按钮 ,展开 或 折 且 这 个 类 别 。 

【列表 ] 视 图 : 按 字母 顺序 显示 Dreamweaver 所 支持 的 所 有 CSS 属性 。 

【设置 属性 了 视图 : 仅 显示 那些 已 设置 的 CSS 属性 。 

大 附加 样式 : 单 击 此 按钮 ,可 选择 一 个 外 部 样式 表 文 件 ,并 将 其 链接 或 导入 到 当 
前 文档 。 

较 新 建 样式 : 单 击 此 按钮 ,可 打开 【新 建 样式 ] 对 话 框 , 新 建 一 个 样式 。 

别 编辑 样式 : 单 击 此 按钮 ,可 打开 【编辑 样式 ] 对 话 框 ,编辑 制定 的 样式 。 

厂 删除 样式 : 选中 列表 中 的 样式 后 , 单 击 此 按钮 可 删除 该 样式 。 


7.2.1 创建 CSS 样式 和 CSS 样式 表 


新 建 一 个 CSS 样式 ,该 样式 的 保存 方式 有 3 种 。 

(1) 仅 作 用 于 当前 网 页 文档 的 CSS 样式 , 则 与 网 页 文件 一 起 保存 。 

(2) 存放 在 某 个 已 建 好 的 外 部 CSS 样式 表 文 件 中 。 应 先 附 加 该 样式 表 文 件 ,然后 将 
新 建 的 CSS 样式 存放 其 中 。 

(3) 存放 在 一 个 新 建 的 CSS 样式 表 文 件 中 。 应 先 新 建 该 样式 表 文 件 ,然后 将 新 建 的 
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CSS 样式 存放 其 中 。 

在 [CSS 样式 ] 面 板 中 ,设计 者 可 以 创建 CSS 样式 ,在 一 个 CSS 样式 表 文件 中 可 以 包 
含 一 个 或 多 个 CSS 样式 。 

创建 CSS 样式 和 CSS 样式 表 的 操作 步骤 如 下 : 

(1) 选择 [窗口 IIKCSS 样式 ] 命 令 ,打开 【CSS 样式 面板。 

(2) 单 击 【CSS 样式 面板 右上 角 的 快捷 菜单 按钮 国 , 在 弹出 的 菜单 中 ,选择 [新 建 】 
命令 ,或 单 击 浮动 面板 右 下 方 的 【新 建 样式 了 按钮 圈 , 打 开 【 新 建 CSS 规则 】 对 话 框 ,如 
图 7-2 所 示 。 


选择 器 类 型 : @ 类 呵 应 用 于 任何 标签 ) C) 


图 7-2 【新 建 CSS 样式 】 对 话 框 


(3) 在 【选择 器 类 型 选项 组 中 ,选择 要 定制 的 CSS 样式 类 型 单 选项 。 该 选项 组 中 3 
个 选项 的 意义 如 下 : 

QO 选中 [类 (可 应 用 于 任何 标签 )] 单 选项 后 ,可 在 【名 称 下 拉 列 表 框 中 输入 样式 的 名 
称 ,该 名 称 必须 以 *. ”开始 ,确认 后 便 可 以 创建 一 个 应 用 于 文本 范围 和 选择 区 域 的 Class 
属性 的 样式 。 

@ 选中 [标签 (重新 定义 定义 特定 标签 的 外 观 ) 了 单 选项 后 , 则 可 在 【标签 下 拉 列 表 框 
中 输入 一 个 HTML 标记 ,或 从 下 拉 列 表 框 中 选择 一 个 标记 ,这 样 便 可 以 重新 定义 定制 的 
HTML 标记 的 格式 ,如 图 7-3 所 示 。 


新 建 C55 规则 


图 7-3 选择 Redefine HTML Tag 后 的 对 话 框 


@ 选中 [高 级 (ID、 伪 类 选择 器 等 )] 单 选项 后 , 则 可 为 特殊 的 标签 组 合 或 含有 特定 ID 
属性 的 标签 定义 样式 。 在 【选择 器 ] 文 本 框 中 输入 一 个 选择 器 的 标签 ,或 从 【选择 器 下 拉 
列表 框 中 选择 一 个 标签 ,如 图 7-4 所 示 。 

如 果 要 创建 一 个 新 样式 ,应 选中 [类 (可 应 用 于 任何 标签 )] 单 选项 后 ,在 [名称 〗 下 拉 列 
表 框 中 输入 新 样式 的 名 称 。 

(4) 在 【定义 在 〗 选 项 组 的 下 拉 列 表 框 中 ,选择 当前 要 创建 的 CSS 样式 定义 在 那个 样 
式 表 文 件 中 。 可 以 是 定义 在 新 的 样式 表 文 件 中 ,也 可 以 是 将 CSS 样式 定义 在 某 个 已 经 创 
建 好 的 样式 表 文 件 中 。 
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图 7-4 选择 Use CSS Selector 后 的 对 话 框 


车 要 创建 仅仅 作用 于 当前 文档 的 新 样式 ,可 选 【 仅 对 该 文档 单 选项 。 
(5) 完成 设置 后 单 击 【确定 了 按钮 ,在 【CSS 样式 定义 在 】 对 话 框 中 设置 各 类 别 的 属性 ， 
如 图 7-5 所 示 。 


-charl 的 C55 规则 定义 (在 docformat.css 中 ) 


入 


字体 四): 
大 小 G@): 像素 px) 国 | 
样式 中: 条 仁 ” 国 
行 高 Q): [ 正 案 ” 国 | 信 来 Gx) ~ 
修饰 呈 ): 回合 到 二 

口上 8 加 ) 

口 蝇 除 线 必 ) 

口 闪烁 四 

OD 


斗 间 当 告 半 风 
油 壬 澳 南 南沙 对 


图 7-5 【定义 样式 ] 对 话 框 


(6) 单 击 【确定 按钮 完成 样式 的 创建 。 

例 7.1 创建 名 为 . charl 的 CSS 样式 ,并 将 这 个 样式 定义 在 新 建 的 docformat. css 
的 CSS 样式 表 文件 中 。 其 参数 设置 : 字体 为 “方正 舒 体 ”, 大 小 为 “36 像素 ”, 样 式 为 “ 斜 
体 ”, 颜 色 为 *#FF0000”, 修 饰 为 "下 划 线 ”。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 选择 [窗口 ]IKCSS 样式 命令 ,打开 [CSS 样式] 面板。 

(2) 在 【CSS 样式 ] 面 板 中 右 击 , 打 开 快 捷 菜单 ,选择 [新 建 ] 命 令 。 

(3) 在 [新建 CSS 规则 ]】 对 话 框 中 选择 [类 (可 应 用 于 任何 标签 )] 单 选项 ,在 [名称] 文 
本 框 中 输入 : . charl, 并 在 【定义 在 下 拉 列 表 中 选择 【新 建 样式 表 文 件 ] 命 令 。 单 击 
【确定 按钮 确认 。 

(4) 在 【保存 样式 表 文 件 为 ] 对 话 框 中 ,选择 [文件 系统 了 单 选 项 ,输入 新 创建 的 CSS 样 
式 表 文 件 保存 的 路 径 和 文件 名 ,CSS 样式 表 文 件 名 为 docformat. css, 并 确定 样式 表 文 件 
的 类 型 ,最 后 确定 样式 表 文件 相对 于 【文档 3 的 URL 地 址 。 

(5) 此 时 在 弹出 的 【. charl 的 CSS 规则 定义 (在 docformat. css 中 )】 对 话 框 中 , 按 题 
意 设置 各 项 参数 ,如 图 7-5 所 示 。 

(6) 单 击 【确定 了 按钮 完成 CSS 样式 的 创建 。 
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7.2.2 外 部 样式 表 链 接 . 导 人 和 编辑 


当 设计 者 创建 和 保存 了 外 部 的 CSS 样式 表 文 件 后 ,此 时 在 本 地 网 站 中 就 存在 了 一 个 
CSS 样式 表 文 件 。 然 后 每 个 用 该 样式 表 文 件 中 的 CSS 样式 格式 化 的 网 页 文档 都 可 以 与 
这 个 样式 表 文 件 建立 一 种 链接 。 当 此 样式 表 文 件 一 经 修改 ,网 站 中 所 有 链接 到 此 样式 表 
的 网 页 都 会 发 生 相 应 的 更 新 。 这 样 就 利用 CSS 样式 表 实 现 了 对 多 个 网 页 文档 的 进行 批 
量 修改 的 操作 。 

如 果 要 对 样式 表 编 辑 修改 可 以 打开 含有 该 CSS 样式 表 的 网 页 文档 ,或 在 当前 网 页 文 
档 中 附加 外 部 CSS 样式 表 , 此 时 在 当前 的 网 页 文档 中 能 够 完成 CSS 样式 的 复制 ,删除 、 添 
加 、 修 改 和 保存 等 操作 。 另 外 ,也 可 以 导出 当前 网 页 文档 中 存在 的 所 有 样式 表 , 使 它们 成 
为 外 部 独立 的 CSS 样式 表 。 

外 部 样式 表 的 链接 .导入 和 编辑 步骤 如 下 : 

(1) 新 建 一 个 网 页 页 面 。 

(2) 选择 [窗口 ]IKCSS 样式 】 命 令 ,打开 [CSS 样式] 面板 。 

(3) 单 击 面板 右上 角 的 快捷 菜单 按钮 国 , 在 弹出 的 快捷 菜单 中 选择 【附加 样式 表 】 命 
令 , 打 开 【[ 链 接 外 部 样式 表 】 对 话 框 ,如 图 7-6 所 示 。 


链接 外 部 样式 表 


文件 /WRL GE) [E713 
添加 为 : 链接 QL) 


O 〇 SA 四 
捍 体 四: 国 
您 也 可 以 输入 到 号 分 隔 的 媒体 类 型 列表 。 


Jreanwesver 的 范例 样式 甫 可 以 帮助 您 起 步 。 


图 7-6 【链接 外 部 样式 表 】 对 话 框 


(4) 在 [文件 /URL] 文 本 框 中 输入 要 链接 或 导入 的 样式 表 文 件 的 路 径 和 名 称 , 或 单 击 
【浏览 ] 按 钮 ,在 打开 的 【选择 样式 表 文件 ] 对 话 框 中 ,选择 要 链接 的 CSS 样式 表 文件 ,不 妨 
假设 要 链接 本 地 站 点 下 的 docformat. css 文件 。 

(5) 在 【添加 为 3 选项 组 中 ,可 选择 用 哪 种 方法 调用 外 部 CSS 样式 表 。 两 个 选项 的 意 
义 如 下 : 

@ 选择 [链接] 单 选项 ,可 创建 当前 文档 和 外 部 样式 表 之 间 的 链接 ,在 HTML 代码 中 
创建 一 个 link href 标签 ,并 引用 已 发 布 的 样式 表 所 在 的 URL。 Microsoft Internet 
Explorer 和 Netscape Navigator 都 支持 此 方法 。 

@ 选择 [导入 了 单 选 项 ,如 果 是 嵌 套 的 样式 表 , 必须 使 用 导 和 指令。 系统 引用 已 发 布 
的 样式 表 的 URL ,将 选中 的 外 部 CSS 样式 表 文 件 导 入 到 当前 网 页 文档 中 。 

(6) 通常 情况 下 应 选择 【链接 了 单 选 项 ,选择 好 CSS 样式 表 文 件 后 , 单 击 【确定 按钮 ， 
完成 外 部 样式 表 的 链接 。 

(7) 要 对 外 部 样式 表 进 行 编辑 时 ,可 单 击 [CSS 样式 了 面板 的 [全 部 ] 按 钮 ,切换 到 所 有 
文档 模式 。 在 【所 有 规则 了 窗口 中 ,展开 CSS 样式 表 , 并 选中 要 编辑 的 CSS 样式 ,如 选择 样 
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式 .charl 进行 编辑 ,如 图 7-7 所 示 。 


日 docformat ess 
由 -do=amant css 


font-family 
font-size 


font-variant 

font 

text-shadow 

Ecnt-sire-.,. 

font-stretch 

direction direction 
le-bidi i 


图 7-7 【. charl] 属 性 修改 前 后 的 示意 图 


(8) 在 【. charl 的 属性 了 窗口 中 ,选择 要 修改 的 颜色 属性 ,如 图 7-7 所 示 。 也 可 以 选中 
样式 . charl, 右 击 , 在 快捷 菜单 中 选择 [编辑] 选项 ,此 时 在 弹出 的 [. charl 的 CSS 样式 定 
义 ( 在 docformat. css 中 )】 对 话 框 中 ,修改 该 样式 的 各 项 参数 ,如 图 7-8 所 示 。 


-charl 的 CSS 规则 定义 (在 docforaat-css 中 ) 


#1ASOBS 


图 7-8 ”编辑 当前 CSS 样式 的 对 话 框 


(9) 在 【. charl 的 CSS 样式 定义 (在 docformat. css 中 )】 对 话 框 中 区 分 类 列表 中 显 
示 类 别 的 意义 如 下 : 
@ 选择 [类 型 ] 可 设置 CSS 样式 的 文本 类 型 参数 。 
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@ 选择 [背景 3 可 设置 CSS 样式 的 背景 参数 。 

@ 选择 【区 块 ] 可 设置 CSS 样式 的 块 参数 。 

@ 选择 【盒子 ] 可 设置 CSS 样式 的 框 参 数 。 

@@ 选择 [边框 ] 可 设置 CSS 样式 的 边框 参数 。 

@ 选择 [列表 ] 可 设置 CSS 样式 的 列表 参数 。 

@ 选择 [定位] 可 设置 CSS 样式 的 定位 参数 。 

选择 [扩展 ] 可 设置 CSS 样式 的 扩展 参数 。 

(10) 当 某 个 CSS 样式 中 的 属性 被 修改 后 ,在 网 页 编辑 窗口 中 会 打开 该 CSS 样式 表 

的 文件 , 单 击 网 页 编辑 窗口 中 的 [docformat. css] 标 签 ,如 图 7-9 所 示 。 


char3 { 
1 fomt-fanily:“ 方 正 告 体 ” 
font-size: 16px 
font-style: oblique 
color: #000099. 


,char2 { 
20 font-fanily: “于 


加 
区 
Ei 
加 
人 
由 1 
| 
[| 
贸 
只 
[| 
# 
区 
二 
Ej 
a 


图 7-9 网 页 文档 窗口 中 的 CSS 样式 表 文件 


(11) 选择 [文件 了 民 保 存 ] 命 令 ,保存 修改 CSS 样式 后 的 CSS 样式 表 文 件 。 

(12) 若 要 对 CSS 样式 进行 复制 .删除 和 重 命名 操作 ,可 在 【所 有 规则 和 窗口 中 ,展开 CSS 
样式 表 , 并 选中 要 编辑 的 CSS 样式 , 右 击 , 在 快捷 菜单 中 选择 [复制 【删除 3 和 【 重 命 名 】 选 
项 , 便 可 完成 相应 的 操作 。 修 改 操作 完成 后 , 按 步 又 (10)、(11) 保 存 CSS 样式 表 文件 。 


7.3 CSS 样式 表 的 应 用 


设计 者 可 以 利用 CSS 样式 为 设计 的 网 页 添加 很 多 特殊 的 效果 ,如 文字 的 特效 .阴影 ; 
图 像 的 淡 和 淡出、 翻转 模糊 、 波 浪 效 果 ; 鼠 标 指 针 和 超级 链接 的 各 种 多 姿 多 彩 的 变化 等 ,从 
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而 使 设计 的 网 页 变 得 更 加 赏心悦目 。 
7.3.1 滤 镜 的 概述 


滤 镜 是 CSS 样式 表 中 功能 最 丰富 .效果 最 奇特 的 工具 之 一 ,调整 Dreamweaver 8 中 
CSS 样式 表 的 十 几 种 滤 镜 的 参数 ,就 能 在 网 页 上 制作 出 多 姿 多 彩 、 令 人 炫目 的 各 种 效果 。 

将 外 部 的 CSS 样式 表 文件 链接 到 当前 的 网 页 文件 中 ,或 者 直接 在 当前 的 网 页 文件 中 
创建 新 的 CSS 样式 表 文 件 , 然 后 打开 【CSS 样式 定义 】 对 话 框 ,在 [分 类 ] 列 表 中 选择 [ 扩 
展 ] 类 别 ,在 【过 滤器 I 下拉 列 表 框 中 便 可 对 选中 的 滤 镜 设置 参数 ,如 图 7-10 所 示 。 


-Apha 的 CSS 规则 定义 (在 docformat.css 中 ) 


ee Dpacity=?, Finishpacity=?, Style=? 


图 7-10 【CSS 样式 定义 ] 对 话 框 


7.3.2 ”透明度 滤 镜 的 应 用 


用 Alpha 滤 镜 可 以 通过 具体 的 数值 来 指定 网 页 中 对 象 点 、 线 、 面 的 透明 度 , 使 得 网 页 
中 对 象 的 透明 度 发 生变 化 ,制作 出 一 些 特殊 的 视觉 效果 。 
Alpha 滤 镜 的 语法 是 : 


{filter:Alpha (Opacity= 2,Finishopacity- ?, Style= ?, Startx= ?, Starty=?, Finishx=?, Finishy=?)) 


Alpha 滤 镜 的 参数 意义 如 下 : 

Q Opacity 表示 滤 镜 作用 后 对 象 的 不 透明 度 ,其 值 为 100 时 表示 对 象 完 全 不 透明 ;其 
值 为 0 时 表示 对 象 完 全 透明 。 

@ FinishOpacity 与 Opacity 同时 使 用 的 一 个 参数 ,如 果 要 制作 出 渐变 的 效果 ,就 可 
以 使 用 该 参数 来 指定 结束 时 的 不 透明 度 ,其 数值 范围 是 0 一 100。 

@ Style 是 当 以 上 两 个 参数 都 设 定 后 ,用 它 指 定 渐变 区 域 的 形状 特征 。 它 的 值 为 0 
表示 无 渐变 ; 值 为 1 表示 直线 渐变 ; 值 为 2 表示 圆 形 渐变 ; 值 为 3 表示 矩形 渐变 。 

@ StartX StartY FinishX、 FinishY 分 别 是 渐变 开始 和 结束 的 坐标 值 。 
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例 7.2 在 本 地 站 点 My site 中 ,分 别 建立 2 个 名 为 exa7-1. htm 和 exa7-2. htm 的 网 
页 页 面 , 在 2 个 网 页 上 完成 如 下 要 求 的 操作 。 

(1) 为 网 页 exa7-1. htm 和 exa7-2. htm 分 别 设置 页 面 背 景 图 像 bg0001. jpg 和 
bg0006. jpg。 

(2) 在 exa7-1. htm 文档 的 合适 位 置 处 创建 大 小 为 400X70 像素 的 层 Layerl ,并 在 层 
Layerl 中 输入 标题 文字 * 书 一 一 人 生 的 伴 但", 居 中 对 齐 。 在 页 面 合 适 的 位 置 上 创建 大 小 
为 400 X 300 像素 的 层 Layer2. 并 在 层 Layer2 中 插入 img 文件 夹 中 的 图 片 文件 
shull. jpg。 

(3) 创建 CSS 样式 表 文 件 format. css, 并 分 别 为 样式 . charl 和 . Filter 设置 下 述 
参数 。 

Q@【 类 型 ] 中 参数 [字体 为 : 方正 每 体 ; 交 大 小 ] 为 : 36 像素 江 颜 色 ] 为 : 红色 。 

@【 扩 展 ] 中 参数 【过 滤器 ] 为 : 


Alpha (Opacity= 100, FinishOpacity= 0, Style= 2, Startx= 0, StartY= 0, FinishX= 550, FinishY¥= 450) 


将 CSS 样式 表 文 件 format. css 保存 在 本 地 站 点 My site 中 。 

(4) 将 CSS 样式 . charl 和 . Filter 分 别 作 用 于 层 Layerl 和 Layer2 中 的 对 象 ,预览 网 
页 文档 exa7-1. htm 后 ,将 其 保存 在 本 地 站 点 My site 中 。 

(5) 在 exa7-2. htm 文档 的 合适 位 置 处 创建 大 小 为 400X70 像素 的 层 Layerl, 并 在 层 
Layerl 中 输入 标题 文字 “ 书 一 一 知识 的 源泉 ”, 居 中 对 齐 。 在 页 面 合适 的 位 置 上 创建 大 小 
为 400 X 300 像素 的 层 Layer2, 并 在 层 Layer2 中 插入 img 文件 夹 中 的 图 片 文件 
shul2. jpg。 

(6) 链接 外 部 样式 表 文 件 format. css, 并 修改 样式 . charl 中 参数 [字体] 为: 方正 舒 
体 ; 汐 大小] 为: 极 大 ;【 颜 色 ] 为 : 蓝 色 ,保存 修改 的 结果 。 

(7) 将 CSS 样式 . charl 和 . Filter 分 别 作 用 于 层 Layerl 和 Layer2 中 的 对 象 ,预览 网 
页 文档 exa7-2. htm 后 ,将 其 保存 在 本 地 站 点 My site 中 。 

(8) 浏览 exa7-1. htm 网 页 页 面 ,观察 修改 样式 表 文 件 后 对 网 页 文档 的 变化 。 

制作 分 析 : 

本 例 是 要 创建 2 个 网 页 ,并 创建 CSS 样式 和 CSS 样式 表 文 件 。 在 第 一 个 网 页 中 将 新 
建 的 CSS 样式 作用 于 文字 和 图 像 ,保存 CSS 样式 表 文 件 。 在 第 二 个 网 页 中 附加 CSS 样 
式 表 文 件 , 修 改 和 保存 其 中 的 CSS 样式 ,并 作用 于 第 二 个 网 页 中 的 文字 和 图 像 。 浏 览 第 
一 个 网 页 可 以 发 现 网 页 元 素 的 样式 已 经 变 为 修改 后 的 样式 。 

本 例 是 CSS 样式 和 CSS 样式 表 文 件 创 建 、 编 辑 .应 用 和 保存 的 综合 性 例题 ,在 滤 镜 属 
性 设置 时 应 搞 清 每 个 参数 的 含义 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 在 新 建 的 页 面 中 按 题 意 要 求 设置 背景 图 片 bg0001. jpg, 并 在 合适 的 位 置 上 插入 
层 Layerl 和 Layer2。 在 层 中 分 别 输入 标题 文字 “ 书 一 一 人 生 的 伴侣 ”和 img 文件 夹 中 的 
图 片 文件 shull. jpg, 将 页 面 保存 为 exa7-1. htm。 

(2) 选择 【窗口 IIKCSS 样式 了 命令 ,打开 [CSS 样式] 面板 。 
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(3) 单 击 面板 右上 和 角 的 菜单 按钮 国 , 在 弹出 的 菜单 中 选择 [新 建 ] 命 令 , 打 开 【 新 建 
CSS 样式 ] 对 话 框 。 

(4) 在 【选择 器 类 型 3 选项 中 选择 [类 (可 应 用 于 任何 标签 )] 单 选项 ;在 [名称] 文本 框 
中 输入 . charl ;在 【定义 在 】 选 项 中 ,选择 【新 建 样 式 表 文件 ] 单 选项 , 单 击 【确定 ] 按 钮 
确认 。 

(5) 在 【保存 样式 表 文 件 为 ] 对 话 框 中 ,输入 样式 表 文 件 路 径 、 名 称 和 类 型 , 单 击 【 保 
存 ] 按 钮 ,将 样式 表 文 件 format. css 保存 在 本 地 站 点 My site 中 。 

(6) 在 【. charl 的 CSS 规则 定义 (在 format. css 中 )】 对 话 框 的 【分 类 ] 列 表 中 ,选择 
【类 型 3 选项 并 按 题 意 设置 参数 [字体] 为 “方正 合体 【大 小 为 “36 像素 ”*,【 颜 色 ]】 为 “ 红 
色 ”, 并 单 击 【确定 了 按钮 确认 。 

(7) 单 击 面板 右上 角 的 菜单 按钮 国 , 在 弹出 的 菜单 中 选择 [新 建 ] 命 令 , 打 开 【 新 建 
CSS 样式 ] 对 话 框 。 

(8) 在 【类 型 ] 选 项 中 选择 【类 (可 应 用 于 任何 标签 ) 了 单 选 项 ;在 【名 称 】 文 本 框 中 输入 
.Filter ;在 【定义 在 选项 中 ,选择 [format. css 了 单 选 项 ,并 单 击 【确定 按钮 确认 。 

(9) 在 【.filter 的 CSS 样式 定义 (在 format. css 中 )] 对 话 框 中 ,选择 [分 类 列表 的 【 扩 
展 ] 选 项 , 按 题 意 设 置 【过 滤器 了 的 参数 为 ， 

Alpha (Opacity = 100, FinishOpacity = 0, Style = 2, StartX = 0, StartY = 0， 
FinishX 一 550，FinishY 一 450) , 单 击 【确定 按钮 就 建立 了 新 的 CSS 样式 。 

(10) 单 击 网 页 文档 窗口 左上 和 角 的 format. css 标签 ,网 页 窗口 切换 到 样式 表 文 件 
format. css 的 代码 视图 ,检查 代码 无 误 后 ,选择 【文件 3I【 保 存 ] 命 令 , 保 存 CSS 样式 表 
文件 。 

(11) 分 别 选 中 层 Layerl 和 Layer2 中 的 对 象 , 将 新 建 的 CSS 样式 分 别 应 用 到 这 2 个 
对 象 上 。 按 功能 键 F12 ,在 浏览 器 中 预览 应 用 了 CSS 样式 后 的 页 面 效果 ,并 按 题 意 保存 
文件 。 

注意 : 此 时 exa7-1. htm 上 文字 颜色 是 红色 。 

(12) 按 题 意 要 求 用 同样 的 方法 建立 网 页 exa7-2. htm, 设 置 背 景 图 片 bg0006. jpg, 并 
在 合适 的 位 置 上 插入 层 Layerl 和 Layer2。 在 层 中 分 别 输 入 标题 文字 “ 书 一 一 知识 的 源 
泉 ”" 和 img 文件 夹 中 的 图 片 文件 shul2. jpg, 将 页 面 保存 为 exa7-2. htm。 

(13) 选择 【窗口 区 CSS 样式 】 命 令 ,打开 【CSS 样式 面板。 

(14) 单 击 面板 右上 角 的 菜单 按钮 E ,在 弹出 的 快捷 菜单 中 选择 [附加 样式 表 】 命 令 , 打 
开 【[ 链 接 外 部 样式 表 】 对 话 框 。 单 击 【浏览 按钮 ,在 【选择 样式 表 文件 ] 对 话 框 中 ,选中 本 地 站 
点 中 的 样式 表 文 件 format. css, 以 [链接 ] 的 方式 将 其 附加 到 当前 页 面 的 CSS 面板 中 。 

(15) 选中 [CSS 样式 面板 中 样式 . charl, 右 击 , 在 弹出 的 快捷 菜单 中 选择 【编辑 ] 命 
令 , 打 开 K. charl 的 CSS 规则 定义 (在 format. css 中 )】 对 话 框 。 

(16) 按 题目 要 求 分 别 修改 当前 样式 中 的 文字 大 小 和 颜色 的 属性 ,并 将 修改 后 的 CSS 
样式 应 用 于 Layerl 和 Layer2 中 的 对 象 ,然后 单 击 网 页 文档 窗口 左上 角 的 format. css 标 
签 , 网 页 窗口 切换 到 样式 表 文 件 format. css 的 代码 视图 ,检查 代码 无 误 后 ,选择 【文件 】 
【保存 命令 ,保存 CSS 样式 表 文 件 。 
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(17) 分 别 浏览 exa7-1. htm 和 exa7-2. htm 网 页 页 面 ,观察 修改 CSS 样式 表 后 网 页 文 
档 的 变化 结果 。 


7.3.3 显示 滤 镜 的 应 用 


可 以 利用 混合 (blend) 和 显示 (reveal) 两 种 滤 镜 在 页 面 上 添加 动人 的 淡 入 淡出 、 网 页 
转换 效果 ,前 者 可 以 使 页 面 中 的 对 象 逐渐 消失 或 显示 ,后 者 提供 了 24 种 网 页 转换 的 效果 。 

其 语法 意义 如 下 : 

{filter:blendTrans Guration= 时 间 数 值 )} 

{filter:revealTrans (duration= 时 间 数 值 ,transition= 过 渡 类 型 ) } 

其 参数 意义 如 下 : 

Q@ duration 表示 滤 镜 执行 需要 的 时 间 ,单位 为 秒 。 

@ transition 表示 对 象 转换 的 方式 ,过 渡 类 型 的 数值 为 0 一 23 中 的 一 个 数值 ,其 具体 
意义 如 表 7-1 所 述 。 


表 7-1 transition 表示 对 象 转 换 的 方式 


转换 类 型 对 应 代号 转换 类 型 对 应 代号 
矩形 从 大 至 小 0 随机 溶解 葛 
矩形 从 小 至 大 1 垂直 向 内 裂 开 和 
圆 形 从 大 至 小 2 垂直 向 外 裂 开 14 
圆 形 从 小 至 大 3 水 平 向 内 裂 开 15 
向 上 推 开 4 水 平 向 外 裂 开 16 
向 下 推 开 5 向 左下 和 剥 开 17 
向 右 推 开 6 向 左上 和 剥 开 18 
向 左 推 开 7 向 右 下 和 剥 开 19 
垂直 形 百 叶 窗 8 向 右上 剥 开 20 
水 平 形 百叶 窗 9 随机 水 平 细 纹 21 
水 平 棋盘 10 随机 垂直 细 纹 22 
垂直 棋盘 11 随机 选取 一 种 特效 23 


例 7.3 利用 显示 滤 镜 (RevealTrans) 改 变 网 页 exa7-1. htm 的 切换 效果 。 

完成 本 例 的 操作 步骤 如 下 : 

(1) 打开 本 地 站 点 中 的 网 页 文档 exa7-1. htm。 

(2) 单 击 【插入 了 栏 的 [5HTMIL] 选 项 中 的 【Meta] 按 钮 LI 加 ,或 者 选择 【插入 | 
【HTMLJI 文 件 头 标签 ] 区 Meta] 命 令 ,打开 [Meta 对 话 框 ,如 图 7-11 所 示 。 

(3) 在 [属性] 下拉 列 表 中 选择 [HTTP 一 equivalent】 选 项 ,在 【内 容 ] 文 本 框 中 输入 
Revealtrans(Transition 二 23,duration 二 5. 0) ,表示 网 页 切换 效果 的 延续 时 间 (duration) 
为 5 秒 ,网 页 切换 效果 方式 (Transition ) 为 随机 特效 。 

(4) 在 【 值 ] 文 本 框 中 可 输入 下 列 参数 之 一 。 

Q@【Page-Enter] 表 示 进 入 网 页 切换 效果 。 
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mr-emivalent 国 | 入 [baze-enter 


Reveal trans (Tr ansition=23, duration=5.0)| 


图 7-11 搬入 Meta 对 话 框 


@【Page-Exit] 离 开 网 页 切换 效果 。 

@【Site-Enter] 进 入 站 点 网 页 切换 效果 。 

@【Site-Exit] 离 开 站 点 网 页 切换 效果 。 

(5) 完成 参数 设置 后 , 单 击 【 确 定 ] 按 钮 ,并 保存 网 页 文档 。 

(6) 当 单 击 一 个 超级 链接 进入 exa7-1. htm 这 个 页 面 时 就 可 以 看 到 网 页 的 切换 效 
果 了 。 


7.3.4 模糊 滤 镜 的 应 用 


模糊 滤 镜 Blur 是 CSS 的 滤 镜 之 一 ,将 其 应 用 到 网 页 文本 上 可 以 产生 出 立体 字 的 效 
果 。 模 糊 滤 镜 能 为 制作 网 页 的 立体 字 标题 带 来 方便 ,与 其 他 立体 字 效 果 的 处 理 方法 相 比 ， 
能 使 页 面 的 下 载 速 度 明显 增 快 。 将 Blur 滤 镜 应 用 到 图 片上 ,也 能 得 到 意 想 不 到 的 效果 。 
模糊 滤 镜 Blur 的 语法 是 : 


{filter:Blur (aqdF add, Direction= direction, Strength= strength)} 


模糊 滤 镜 Blur 参数 的 具体 意义 如 下 : 

Q@ Add 用 来 指定 对 象 的 模糊 效果 ,其 值 是 一 个 可 以 是 逻辑 判断 值 True( 默 认 值 ) 或 
者 False, 也 可 以 是 除 0 之 外 的 任何 数值 。 

@ Direction 用 来 设置 模糊 的 方向 ,模糊 效果 是 按 顺 时 针 的 方向 进行 的 ,其 中 0 度 代 
表 垂 直 向 上 ,然后 每 45 度 为 一 个 定位 ,该 参数 只 有 8 个 方向 有 效 ,分 别 是 0.45、.90、135、 
180、225、270、315 度 。 

@ Strength 的 数值 表示 模糊 的 宽度 有 多 少 像素 ,其 数值 是 正 整数 ,决定 了 模糊 强度 。 

例 7.4 创建 网 页 exa7-3. htm, 输 入 如 图 7-12 所 示 的 文字 ,新 建 CSS 样式 . blur, 文 
本 的 【类 型 】 设 为 “华文 新 魏 ”, 颜 色 为 # 003399, 大 小 为 36 像素 【扩展 的 滤 镜 设 为 
Blur(Add 二 True,Direction 二 135,Strength 二 20) ,并 将 该 CSS 样式 作用 于 文字 。 
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图 7-12 文字 的 Blur 滤 镜 效果 


完成 本 例 的 操作 步骤 如 下 : 
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(1) 新 建 网 页 文件 exa7-3. htm, 用 布局 表格 和 布局 单元 格 对 文字 定位 ,在 布局 单元 格 
中 输入 如 图 7-12 所 示 的 文字 。 

(2) 选择 [窗口 【CSS 样式 ] 命 令 , 打 开 [CSS 样式 了 面板 。 右 击 【CSS 样式 面板 ,在 
弹出 的 快捷 菜单 中 选择 【新 建 ] 命 令 , 打 开 [【 新 建 CSS 样式 ] 对 话 框 。 

(3) 在 【类 型 ] 选 项 中 选择 【类 (可 应 用 于 任何 标签 ) 了 单 选项 ;在 【名 称 】 文 本 框 中 输入 
. Blur ;在 【定义 在 选项 中 ,选择 【format. css 了 单 选 项 ,并 单 击 【确定 按钮 确认 。 

(4) 在 【. Blur 的 CSS 样式 定义 (在 format. css 中 )】 对 话 框 中 ,选择 [分类] 列表 的 
【类 型 ] 选 项 ,设置 字体 为 “华文 新 魏 ”, 颜 色 为 #003399, 大 小 为 36 像素 。 

(5) 选 择 [ 扩 展 】 选 项 ,设置 【过 滤器 ] 的 参数 为 : Blur(Add 二 True, Direction 一 135， 
Strength 一 20) , 单 击 【 确 定 ] 按 钮 就 新 建立 了 CSS 样式 . Blur。 

(6) 选中 布局 单元 格 ,将 CSS 样式 应 用 到 这 个 布局 单元 格 上 。 按 功能 键 F12 预览 ， 
可 以 得 到 图 7-12 所 示 的 显示 效果 。 


7.4 模板 的 应 用 


在 网 页 的 制作 过 程 中 ,常常 会 制作 很 多 布局 结构 和 版 式 风 格 相似 而 网 页 内 容 不 同 的 页 
面 , 这 种 类 型 的 网 页 每 个 页 面 都 要 一 次 次 制作 ,不 但 效率 低 而 且 很 乏味 。Dreamweaver 8 的 
模板 是 一 种 预先 设计 好 的 网 页 样式 ,在 制作 风格 相似 的 页 面 时 ,只 要 套用 这 种 模板 便 可 以 设 
计 出 风格 一 致 的 网 页 。 

在 创建 一 个 模板 时 ,必须 设置 模板 的 可 编辑 区 域 和 锁定 区 域 ,这 样 这 个 模板 才 有 意 
义 。 当 模板 在 编辑 时 ,设计 者 可 以 修改 模板 的 任何 可 编辑 区 域 和 锁定 区 域 。 而 当 设 计 者 
在 编辑 修改 基于 模板 的 网 页 时 ,只 能 修改 那些 标记 为 可 编辑 的 区 域 ,此 时 网 页 上 的 锁定 区 
域 是 不 可 编辑 的 。 

新 建 模板 时 必须 明确 模板 是 建 在 哪个 站 点 中 。 模 板 文件 都 保存 在 本 地 站 点 下 的 
Templates 文件 夹 中 ,模板 文件 的 扩展 名 为 . dwt。 

任何 套用 了 同一 个 模板 的 网 页 与 模板 本 身 都 建立 了 一 种 链接 关系 , 当 模板 改变 时 ,所 
有 使 用 这 种 模板 的 网 页 都 将 随 之 改变 。 模 板 技术 可 以 帮助 设计 者 把 网 页 的 布局 和 内 容 分 
离 ,快速 制作 大 量 风 格 布局 相似 的 网 页 页 面 ,这 样 设计 出 的 网 页 更 规范 ,设计 制作 和 更 新 
维护 网 页 的 效率 更 加 高 。 

在 本 节 中 主要 讲述 创建 和 保存 模板 、 改 变 和 使 用 默认 的 模板 、 将 模板 应 用 于 页 面 设计 
和 更 新 整个 站 点 等 内 容 。 


7.4.1 创建 与 保存 模板 

模板 创建 的 方法 可 以 是 新 建 一 个 空白 的 模板 ,然后 对 它 进行 编辑 后 保存 ,也 可 以 利用 
一 个 现成 的 网 页 ,设置 好 可 编辑 区 , 转 存 为 模板 。 

在 设置 模板 的 可 编辑 区 域 时 ,可 编辑 区 域名 称 中 不 能 使 用 以 下 的 字符 
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单 引号 (O°)、 双 引号 (”)、 大 于 号 (二 )、 小 于 号 (二) 、 连 接 符 (&)。 
1. 新 建 一 个 空白 模板 


新 建 一 个 空白 模板 的 操作 步骤 如 下 : 

(1) 在 网 页 文档 窗口 中 先 选择 要 创建 模板 的 站 点 。 选 择 【站 点 了 民 编 辑 站 点 了 命令 , 然 
后 选择 站 点 名 。 不 妨 选 择 本 地 站 点 为 My site。 

(2) 选择 [窗口 II【 资 源 】 命令 ,或 按 功能 键 F11, 可 打开 [资源 ] 面 板 , 单 击 面板 左边 的 
功 模 板 按钮 ,如 图 7-13 所 示 。 

(3) 单 击 [ 资 源 ] 面 板 右边 的 国 按 钮 ,打开 下 拉 菜 单 ,选择 [新 建 模板 ] 命 令 。 

(4) 然后 在 【资源 】 面 板 下 方 的 模板 列表 中 ,输入 新 建 模板 的 名 字 。 

(5) 再 单 击 【资源 ] 面 板 右 下 方 的 国 按 钮 ,在 空白 的 模板 中 添加 内 容 。 不 妨 在 模板 中 
插入 一 个 层 。 

(6) 选中 该 层 , 单 击 [ 插 入 3 栏 [ 常 用 ] 选 项 中 的 [模板 J] 下拉 列表 的 【可 编辑 区 域 ] 按 钮 
图 ,系统 弹出 [新 建 可 编辑 区 域 ] 对 话 框 ,如 图 7-14 所 示 。 


TY 广 伞 司 


当 志和 A 代码 片断 刷新 站 点 列表 @@) 
重建 站 点 列表 

〗 新 建 模板 Q) 

从 模板 新 建 [) 
编辑 E) 


更 新 当前 页 UD 
更 新 站 点 亿 ) 


Tplates/1ayout- drt ”| 拷 风 到 站 点 CC) ， 
3 了 /Tenplates/test at 在 站 点 定位 QL) 
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id AKB /Tenplates/grid dt 
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ee 


帮助 


将 资源 姐 合 至 
关闭 资源 


重合 名 面板 组 


最 大 化 面板 组 
瓦 用 Cami 关闭 面板 组 


图 7-13 【资源 管理 ] 面 板 图 7-14 设置 新 的 可 编辑 区 域 


(7) 在 [新 建 可 编辑 区 域 ] 对 话 框 的 [名 称 ] 文 本 框 中 ,输入 可 编辑 区 域 的 名 字 , 并 单 击 
【确定 3 按钮 确认 。 
(8) 选择 [文件 了 民 另 存 ] 命 令 ,将 新 创建 的 模板 文件 保存 到 Templates 文件 夹 中 。 


2. 利用 一 个 现成 的 网 页 文件 来 创建 一 个 模板 


利用 一 个 现成 的 网 页 文件 来 创建 一 个 模板 的 操作 步骤 如 下 : 

(1) 选择 [文件 ] 民 打开 ] 命 令 ,在 网 页 编辑 窗口 打开 一 个 名 为 test. htm 的 文档 ,这 是 
个 用 布局 表格 设计 的 网 页 ,利用 它 来 创建 一 个 模板 。 

(2) 选择 [文件 ] 民 另存 为 模板 了 命令 ,系统 弹出 [另存 为 模板 对 话 框 ,如 图 7-15 所 示 。 

(3) 单 击 [站 点 耻 拉 列表 右 端 按钮 ,设置 该 模板 在 哪个 网 站 中 使 用 。 不 妨 假设 选择 
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的 本 地 站 点 为 My site。 

(4) 在 【现存 的 模板 列表 框 中 显示 的 是 
当前 网 站 中 已 经 建 好 的 模板 ,在 【另存 为 】 文 本 
框 中 输入 新 建 模板 的 名 称 , 不 妨 假设 新 建 模板 
名 为 :“Templatel”。 单 击 【保存 】 按 钮 即 可 保 
存 模板 。 此 时 新 建 的 模板 文件 会 保存 在 网 站 templatel 
根 文件 夹 下 的 Templates 文件 夹 中 。 

(5) 这 时 该 模板 的 所 有 区 域 都 被 锁定 为 
不 可 编辑 区 ,要 使 模板 能 应 用 于 网 页 制作 ,还 
要 在 模板 上 设置 可 编辑 区 。 

(6) 分 别 选中 模板 上 的 图 片 , 本 例 要 将 它们 设置 成 名 为 : imagel image2 image3、 
image4 的 可 编辑 区 域 。 

(7) 选中 网 页 中 的 左边 图 片区 域 右 击 ,在 快捷 菜单 中 选择 【模板 】 代 新 建 可 编辑 区 域 】 
命令 ,在 弹出 的 [新 建 可 编辑 区 域 ] 对 话 框 中 ,如 图 7-14 所 示 , 给 选中 的 区 域 设置 可 编辑 属 
性 ,分 别 在 [名称 ] 文 本 框 中 输入 可 编辑 区 域 的 名 字 imagel 、image2 ,image3 ,image4, 然 后 
单 击 【确定 了 按钮 确认 。 设 置 完 可 编辑 区 域 的 模板 如 图 7-16 所 示 。 


图 7-15 模板 【另存 为 ] 对 话 框 


图 7-16 设置 完 可 编辑 区 域 的 模板 


(8) 选择 [文件 〗I【 另 存 为 模板 命令 ,将 该 模板 保存 在 本 地 站 点 中 。 
注意 
。 对 于 表格 布局 的 模板 定义 可 编辑 区 域 时 还 要 注意 ,可 将 整个 表格 或 表格 的 菜 个 单 
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元 格 定义 为 可 编辑 区 域 ,但 是 不 能 同时 将 多 个 单元 格 定义 为 一 个 单独 的 可 编辑 
区 域 。 

。 层 和 层 中 的 内 容 是 不 同 的 元 素 ,设计 者 如 果 定 义 了 层 为 可 编辑 区 域 ,那么 在 编辑 
网 页 时 可 改变 层 的 位 置 和 层 中 的 内 容 。 设 计 者 如 果 定 义 了 层 的 内 容 为 可 编辑 区 
域 ,那么 在 编辑 网 页 时 只 能 改变 层 中 的 内 容 而 不 能 改变 层 的 位 置 。 


7.4.2 应 用 与 修改 模板 


模板 创建 好 后 ,设计 者 可 以 利用 模板 创建 新 的 网 页 ,或 将 模板 应 用 到 已 建立 的 网 页 
上 。 后 一 种 方法 在 应 用 中 可 能 会 磁 到 诸如 原 网 页 中 的 模板 和 新 模板 的 可 编辑 区 域 如 何 进 
行 对 应 的 问题 ,处 理 起 来 有 些 麻 烦 ,所 以 比较 好 的 方法 还 是 利用 模板 来 创建 新 的 网 页 。 


1. 应 用 模板 制作 网 页 


应 用 模板 制作 网 页 的 操作 步骤 如 下 : 

(1) 选择 [文件 】[ 新 建 ] 命 令 ,在 弹出 的 [新 建文 档 3 对 话 框 中 , 单 击 【模板 3 标签 ,对 话 
框 变 成 [从 模板 新 建 3 的 对 话 框 ,如 图 7-17 所 示 。 在 此 选项 卡 左 侧 的 [模板 用 于 列表 中 ， 
选择 新 建 的 网 页 页 面 存放 的 站 点 以 及 所 用 的 模板 名 称 , 此 时 在 右边 的 预览 窗口 中 会 显示 
选中 的 模板 。 


站 点 "六 小 站 ” 


文档 类 型 0TD) 
XHTNL 1.0 Transitional 


回 当 模板 改变 时 更 新 页 面 


大 了 更 多 内容 


图 7-17 【从 模板 新 建 ] 对 话 框 


(2) 选中 [ 当 模 板 改 变 时 更 新 网 页 的 复 选 项 ,这 样 当 模 板 被 修改 后 ,用 此 模板 创建 的 
网 页 也 会 被 修改 。 

(3) 单 击 [创建 ] 按 钮 ,此 时 在 网 页 编辑 窗口 建立 了 一 个 由 模板 生成 的 网 页 ,设计 者 可 
根据 需要 在 可 编辑 区 域 输入 相关 内 容 。 
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2. 修改 模板 


将 模板 应 用 到 网 页 页 面 制作 之 前 ,或 已 经 将 模板 应 用 于 页 面 制作 以 后 都 可 以 对 模板 
进行 修改 。 在 Dreamweaver 8 中 ,当前 站 点 的 模板 、 链 接 、 色 彩 、 图 片 . 动 画 、 库 项 目 等 资源 
都 存放 在 【资源 了 面板 中 ,利用 【资源 了 面板 可 以 很 方便 地 完成 模板 的 修改 操作 。 

模板 的 修改 操作 的 操作 步骤 如 下 : 

(1) 选择 【窗口 ] 攻 资源 命令 ,或 按 功 能 键 F11 ,打开 【资源 面板 ,如 图 7-13 所 示 。 

(2) 单 击 【资源 面板 右 侧 的 [模板 按钮 加 ], 在 【资源 面板 下 方 的 模板 列表 中 选择 要 
修改 的 模板 。 

(3) 选中 要 修改 的 模板 后 右 击 ,在 快捷 菜单 中 选择 [编辑] 命令 , 便 可 打开 要 修改 的 
模板 。 

(4) 在 模板 中 要 设置 可 编辑 区 域 的 位 置 上 右 击 , 选 择 快捷 菜单 中 [新 建 可 编辑 区 
域 ] 命 令 ,并 在 【新建 可 编辑 区 域 ] 对 话 框 输入 可 编辑 区 域 的 名 字 , 单 击 【 确 定 】 按 钮 后 ， 
便 定义 了 一 个 新 的 可 编辑 区 域 。 

(5) 要 取消 模板 上 可 编辑 区 域 的 操作 可 先 选中 该 区 域 ,选择 [修改 YI【 模 板 3I【 删 除 模 
板 标 记 ] 命 令 , 便 可 取消 模板 上 该 区 域 的 可 编辑 定义 。 

(6) 模板 修改 完成 后 ,选择 [文件 3I【 男 存 为 模板 ] 命 令 保 存 修改 后 的 模板 。 


7.4.3 更 新 基于 模板 的 网 页 文档 


当 设计 者 将 创建 的 模板 应 用 到 页 面 制作 以 后 ,就 可 以 通过 修改 一 个 模板 ,来 实现 修改 
所 有 应 用 此 模板 的 网 页 的 目的 。 修 改 本 地 站 点 中 的 模板 ,更 新 与 这 个 模板 有 关 的 网 页 的 
操作 步骤 如 下 : 

(1) 选择 [窗口 II【 资 源 ] 命 令 ,或 按 功能 键 F11, 打 开 【 资 源 ] 面 板 。 

(2) 单 击 【资源 ] 面 板 左 侧 的 [模板 ] 按 钮 国 ], 在 【资源 面板 下 方 的 模板 列表 中 选择 要 
修改 的 模板 。 

(3) 选中 要 修改 的 模板 后 右 击 , 在 快捷 菜单 中 选择 [编辑 ] 命 令 , 便 可 对 模板 完成 
修改 。 

(4) 单 击 面板 右上 方 的 国 按钮 ,选择 【更 新 站 点 了 命令 ,在 系统 显示 的 【更 新 页 面 ] 对 
话 框 中 ,选择 【查看 】 下 拉 列 表 为 【整个 站 点 了 ,并 选择 【更 新 ] 对 象 为 当前 模板 作用 的 网 页 ， 
并 选择 【显示 记录 ] 复 选项 ,如 图 7-18 所 示 。 

(5) 单 击 【更 新 页 面 3 对 话 框 中 的 【开始 了 按钮 , 便 可 更 新 当前 站 点 中 与 这 个 模板 有 关 
的 网 页 。 
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EEC 加 


更 新 : 口 库 项 目 QL 
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口 显示 记录 G@) 「 
状态 : 


图 7-18 【更 新 页 面 ] 对 话 框 


7.5 库 的 应 用 


在 创建 网 站 的 过 程 中 ,不 同 的 网 页 页 面 上 可 能 经 常会 反复 用 到 很 多 相同 的 网 页 元 素 ， 
如 图 片 、 表 格 、 文 本 、 按 钮 .动画 、Java 小 程序 .插件 等 网 页 元 素 , 如 果 要 逐一 修改 这 些 用 于 
页 面 的 元 素 是 一 件 很 麻烦 的 事情 。 

Dreamweaver 8 可 以 把 网 站 页 面 中 经 常 反复 要 用 的 元 素 存 人 一 个 库 中 ,这 些 存 人 库 
中 的 元 素 称 为 库 项 目 。 在 网 页 制作 时 可 将 库 项 目的 一 个 副本 直接 插入 到 网 页 中 ,同时 还 
插入 了 对 该 库 项 目的 引用 。 保 证 了 当 对 该 库 项 目 编辑 修改 后 ,引用 该 库 项 目的 网 页 能 自 
动 更 新 。 从 而 可 以 方便 地 实现 整个 网 站 各 页 面 上 与 库 项 目的 相关 内 容 一 次 更 新 。 

Dreamweaver 8 中 的 库 项 目 和 模板 一 样 ,可 以 规范 网 页 格式 、 避 人 免 多 次 重复 操作 。 它 
们 的 区 别 是 模板 对 网 页 的 整个 页 面 起 作用 , 库 项 目 则 只 对 网 页 的 部 分 区 域 起 作用 。 

每 个 网 站 站 点 可 以 定义 不 同 的 库 , 其 中 的 库 项 目 存放 在 每 个 站 点 的 本 地 根 文件 夹 下 
的 Library 文件 夹 中 。 打 开 该 文件 夹 ,就 可 对 各 个 库 项 目的 文件 进行 重 命名 、 删 除 等 操 
作 。 库 项 目 文件 的 扩展 名 是 . lbi。 

在 本 节 中 将 介绍 如 何 使 用 [ 库 ] 管 理 窗口 创建 与 应 用 一 个 库 项 目 、 编 辑 一 个 库 项 目 和 
用 库 项 目 更 新 网 站 。 


7.5.1 创建 和 应 用 库 项 目 


创建 库 项 目的 操作 比较 简单 ,其 操作 步骤 如 下 : 

(1) 单 击 【资源 面板 右边 的 国 按 钮 ,在 打开 的 菜单 中 选择 【新建 库 项 命令 ,或 者 直 
接 在 库 列表 窗口 中 右 击 , 在 快捷 菜单 中 选择 [新 建 库 项 命令 ,可 创建 一 个 库 项 目 , 如 
图 7-19 所 示 。 

(2) 在 库 列 表 窗 口中 ,为 新 建 的 库 项 目 命名 。 

(3) 在 库 列表 窗口 中 ,选中 新 建 的 库 项 目 后 单 击 窗口 底部 的 国 按 钮 ,或 者 直接 双击 该 
库 项 目 , 可 以 打开 库 项 目的 编辑 窗口 。 

(4) 在 该 窗口 中 可 以 像 编 辑 网 页 页 面 一 样 进行 各 种 操作 ,可 以 插入 文字 、 图 片 、 表 格 
等 网 页 元 素 。 
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(5) 完成 库 项 目 输入 后 ,选择 【文件 了 工 保存] 命令 保 存 该 库 项 目 。 
(6) 关闭 该 库 项 目 编辑 窗口 ,返回 网 页 文档 窗 re 


一 个 新 的 库 项 目 便 创建 成 功 了 。 

时 种 比较 简便 的 库 项 目 创建 方法 是 : 将 页 面 
中 的 文字 、 图 片 、 按 钮 等 页 面 元 素 选中 , 拖 忠 到 打开 的 
【资源 3 面板 的 [ 库 ] 管 理 窗口 中 ,并 为 该 元 素 命 名 便 可 
创建 一 个 库 项 目 。 


IE 四 @@ 邓 吉田 儿 国 四 用 


在 网 页 中 应 用 库 项 目 ,实际 就 是 把 库 项 目 插 入 到 “| 轩 |a 3 二 
相应 的 页 面 中 ,其 操作 步骤 如 下 i 

(1) 打开 或 新 建 一 个 要 插入 库 项 目的 网 页 ,将 光 2 吉 及 _ 
标定 位 在 合适 的 插入 位 置 上 。 生 避 加 放 

(2) 选择 【窗口 人 资源] 命令 ,或 按 功能 键 F11， 昌 。 划 几 
打开 [资源 ] 面 板 。 8 


(3) 从 中 选择 需要 插入 的 库 项 目 , 如 “icon”, 可 按 


持 贝 到 站 点 C) 
在 站 点 定位 们 


刷新 站 点 列表 人 E) 
重建 站 点 列表 


更 新 站 点 全) 


帮助 

将 资源 组 全 至。 
关闭 资源 

重 命名 面板 组 

最 大 化 面板 组 
关闭 面板 组 


1B /Library]ined. 1bi 
1kKB /Library/ings. 1bi 
1KB /Library/ines. 1bi 
1B /Library/ineT. 1bi 


下 述 3 种 方式 之 一 插入 库 项 目 。 C 司 区 全 
QO 单 击 【 库 ] 管 理 窗口 右 上 方 的 国 按 钮 ,选择 图 7-19 【 库 ] 面 板 


【插入 ] 命 令 。 
@ 或 单 击 【 库 ] 管 理 窗 口 左下 方 的 [插入 】 按 钮 。 
@ 也 可 以 直接 拖 动 库 项 目 “icon” 到 当前 页 面 的 插入 点 处 。 
(4) 当前 网 页 页 面 将 会 出 现 “icon” 这 个 库 项 目的 副本 。 


7.5.2 编辑 库 项 目 


创建 好 的 库 项 目 有 时 会 根据 需要 进行 不 同 的 修改 ,修改 库 项 目的 方法 如 下 : 


1. 重 命名 一 个 库 项 目 


重 命名 一 个 库 项 目的 操作 步骤 如 下 : 
(1) 选择 [窗口 II【 资 源 ] 命 令 , 并 打开 【 库 ] 管 理 窗 口 。 
(2) 选中 要 重 命名 的 库 项 目 。 


(3) 单 击 [ 库 管理 窗口 右上 方 的 国 按 钮 ,选择 【 重 命名 命令 对 库 项 目 重 命名 ,或 右 


击 ,在 弹出 的 快捷 菜单 中 完成 库 项 目的 重 命名 操作 。 
2. 删除 一 个 库 项 目 


删除 一 个 库 项 目 操作 步 又 如 下 : 
(1) 选择 [窗口 【资源 命令, 并 打开 【[ 库 ] 管 理 窗口 。 
(2) 选中 要 删除 的 库 项 目 。 


(3) 单 击 [ 库 管理 窗口 右上 方 的 国 按 钮 ,选择 [删除 ] 命 令 。 在 弹出 的 确认 对 话 框 


中 , 单 击 【 是 ] 按 钮 ,完成 库 项 目的 删除 操作 。 


124 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


3. 修改 库 项 目 


如 要 对 库 项 目 进行 修改 ,可 按 下 述 操作 步 又 完成 操作 。 

(1) 选择 [窗口 II【 资 源 ] 命 令 , 并 打开 [ 库 ] 管 理 窗口 。 

(2) 在 库 列 表 窗 口中 ,选中 要 修改 的 库 项 目 后 单 击 窗口 底部 的 辆 按钮 ,或 者 直接 双 
击 该 库 项 目 ,打开 库 项 目的 编辑 窗口 。 

(3) 在 该 窗口 中 可 以 像 编辑 网 页 页 面 一 样 对 库 项 目 进 行 修改 。 

(4) 完成 库 项 目 修改 后 ,选择 [文件 了 民 保存 命令 保存 该 库 项 目 ,并 关闭 当前 库 项 目 
窗口 。 

如 果 要 对 已 插入 到 网 页 上 的 库 项 目 进 行 修改 ,可 按 下 述 操作 步骤 完成 操作 。 

(1) 在 网 页 中 选中 已 插入 的 库 项 目 。 

(2) 在 库 项 目的 [属性 ] 面 板 中 , 单 击 【 从 源 文件 中 分 离 ] 按 钮 ,如 图 7-20 所 示 。 或 者 
右 击 网 页 中 选中 的 已 插入 的 库 项 目 , 在 快捷 菜单 中 选择 [从 源 文件 中 分 离 ] 命 令 。 


RE| Sre /Mibuy/iew?. Wi [FH 类 四 
[ae ) 


图 7-20 库 项 目的 [属性 了 面板 


(3) 此 时 屏幕 显示 : 如 果 将 网 页 上 该 库 项 目 从 网 页 中 分 离 出 来 的 话 , 当 以 后 更 新 库 
项 目的 时 候 将 不 会 对 网 页 上 该 库 项 目 进行 更 新 。 单 击 【确定 ] 按 钮 ,将 所 选择 的 库 项 目 从 
站 点 的 库 项 目 中 分 离 出 来 。 

(4) 此 时 在 网 页 文档 窗口 中 所 选择 的 库 项 目 已 变 为 可 编辑 状态 ,可 以 直接 在 网 页 文 
档 窗 口中 对 其 进行 修改 。 

(5) 保存 页 面 后 , 按 F12 键 在 浏览 器 中 预览 使 用 库 项 目 创建 的 页 面 。 


7.5.3 用 库 项 目 更 新 网 站 


同 模板 一 样 , 当 你 在 本 地 站 点 中 对 库 项 目 进行 了 修改 后 ,Dreamweaver 8 也 可 以 一 次 
性 更 新 站 点 中 所 有 使 用 这 个 库 项 目的 页 面 ,其 操作 步骤 如 下 : 

(1) 启动 Dreamweaver 8, 定 义 一 个 本 地 站 点 ,打开 任意 一 个 网 页 文档 。 

(2) 选择 [窗口 3I【 资 源 ] 命 令 , 或 者 直接 使 用 键盘 快捷 键 F11, 打 开 【 资 源 ] 面 板 , 单 击 
面板 左边 的 库 按钮 四], 打 开 【 库 了 管理 窗口 。 

(3) 在 库 列 表 中 ,选中 要 修改 的 库 项 目 。 双 击 该 库 项 目 ,打开 库 项 目 编辑 窗口 ,对 该 
库 项 目 修 改 。 

(4) 选择 [文件 3I【 保 存 ] 命 令 ,保存 修改 后 的 库 项 目 。 

(5) 单 击 【 库 ] 管 理 窗口 右上 方 的 国 按 钮 .选择 [更 新 站 点 命令 ,系统 显示 如 图 7-21 所 
示 的 【更 新 页 面 ] 对 话 框 , 单 击 【 开 始 ] 按 钮 ,对 站 点 中 应 用 该 库 项 目的 网 页 页 面 实 施 更 新 。 


| 
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查看 0): [人 莽 人 站 点 国 | [应 用 实例 
更 新 : 回 库 页 目 中 


口 模板 中 


口 时 | 
状态 : 


图 7-21 【更 新 页 面 3 对 话 框 


(6)【 更 新 页 面 ] 对 话 框 的 状态 框 中 将 显示 站 点 检查 的 情况 ,一 共有 多 少 个 文档 使 用 
这 个 库 项 目 有 和 多少 个 使 用 了 这 个 库 项 目的 文件 被 更 新 .有 多 少 个 使 用 了 这 个 库 项 目的 文 
件 没 被 更 新 ,以 及 更 新 整个 站 点 所 用 的 时 间 等 信息 。 
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知识 点 

。 交互 式 表单 的 特点 
。 表单 及 表单 域 的 应 用 
。 表单 应 用 实例 


8.1 交互 式 表 单 概 述 


表单 (Form) 技 术 可 以 实现 浏览 者 同 Internet 服务 器 之 间 信 息 的 交互 传送 , 它 是 网 络 
信息 收集 处 理 的 一 种 重要 的 方式 。 通 过 表单 可 以 从 网 络 的 用 户 端 收集 信息 ,然后 将 收集 
来 的 信息 经 过 服务 器 处 理 后 再 反馈 给 用 户 。 无 论 是 电子 商务 .网 上 调查 ,还 是 留言 板 、 聊 
天 室 ,都 要 求 网 页 能 够 接收 浏览 者 输入 的 信息 ,而 表单 就 是 网 站 获取 用 户 信息 最 重要 的 手 
段 之 一 。 

表单 有 两 个 重要 的 组 成 部 分 。 

1. 由 Dreamweaver 8 生成 的 表单 的 HTML 页 面 。 

2. 用 于 处 理 浏 览 者 在 表单 域 中 输入 的 信息 的 服务 器 端 应 用 程序 或 客户 端 脚本 。 

浏览 者 在 网 页 上 看 到 有 关 表 单 的 页 面 , 只 是 供 浏览 者 输入 信息 的 表单 页 面 。 当 浏览 
者 按 要 求 在 表单 中 填写 有 关 信 息 , 单 击 表单 的 递交 (Submit) 按 钮 之 后 ,表单 内 容 就 会 上 
传 到 服务 器 ,并 且 由 事先 编 好 的 服务 器 端 程序 来 处 理 这 些 信 息 ,最 后 服务 器 再 将 处 理 结 果 
发 送 给 浏览 者 的 浏览 器 。 由 此 可 见 , 表 单 的 应 用 必须 依赖 于 服务 器 端 脚 本 才能 真正 发 挥 
其 功能 。 


8.2 创建 表单 


表单 主要 的 功能 是 接收 输入 的 信息 。 浏 览 者 输入 的 信息 可 以 是 多 种 多 样 的 ,这 些 不 
同类 别 的 信息 可 以 由 不 同 的 表单 域 分 别 接收 。 因 为 每 个 表单 域 对 应 一 个 项 目 , 所 以 每 个 
表单 域 都 要 添加 一 个 标识 ,提醒 用 户 在 这 个 表单 域 中 应 该 输入 的 内 容 。 


在 网 页 中 创建 一 个 表单 的 方法 有 3 种 。 

(1) 将 光标 定位 在 要 插入 表单 的 位 置 上 ,选择 [插入 ] 民 表单】 了 民 表 单 】 命 令 , 便 可 在 网 
页 的 指定 位 置 上 插入 一 个 红色 虚线 构成 的 表单 区 域 。 

(2) 将 光标 定位 在 要 插入 表单 的 位 置 上 , 单 击 【插入 ] 栏 【表单 】 选 项 中 的 【表单 按钮 
图 , 便 可 在 网 页 的 指定 位 置 上 插入 一 个 表单 区 域 。 

(3) 直接 将 【插入 了 栏 【表单 】 选 项 中 的 【表单 按钮 图 拖 入 网 页 文档 窗口 的 表单 插入 
区 域 。 

用 以 上 3 种 方法 创建 的 表单 区 域 ,在 页 面 上 用 红色 虚线 框 表示 。 红 色 虚 线 框 确定 了 
当前 表单 的 边框 ,这 种 红色 边框 的 大 小 是 不 能 被 编辑 的 。 当 设计 者 在 表单 区 域 中 插入 对 
象 后 ,表单 的 区 域 会 自动 调整 其 大 小 。 

在 创建 表单 后 ,就 可 以 在 表单 中 插入 各 种 表单 域 。 要 在 网 页 中 插入 表单 域 有 两 种 方 
法 ,一 种 方法 是 利用 网 页 文档 窗口 的 菜单 命令 ,选择 【插入 】 代 表单 命令 ,在 其 级 联 菜单 中 
选择 相应 的 命令 插入 表单 域 ; 男 一 种 方法 是 切换 到 [插入 ] 栏 [表单 】 选 项 ,从 中 选择 要 插入 
的 表单 域 。 本 章 主要 介绍 直接 从 【表单 ]) 选 项 中 选择 有 关 表 单 域 ,然后 将 其 插入 到 网 页 中 。 

下 面 先 简要 介绍 Dreamweaver 8 的 表单 域 的 作用 。 

@ 文本 字段 加 |: 用 来 输入 文字 或 数字 。 

@ 文本 区 域 国 : 插入 的 文本 可 显示 为 单行 、 多 行 ,但 是 浏览 者 输入 文字 较 麻 烦 , 故 在 
表单 中 应 少 用 文本 框 , 尽 可 能 使 用 其 他 的 表单 对 象 。 

@ 按钮 磊 : 表单 中 一 般 有 两 个 按钮 ,一 个 是 【提交 了 按钮 , 单 击 此 按钮 可 把 浏览 者 输 
入 的 信息 发 送 给 服务 器 ; 另 一 个 是 【 重 置 ] 按 钮 ,用 来 清除 表单 中 的 内 容 , 把 当前 表单 还 原 

@ 复 选 框图 : 复 选 框 可 以 单独 使 用 ,也 可 以 成 组 使 用 ,有 选中 与 不 选中 两 种 状态 。 

@ 单 选 按 钮 圈 : 单 选 按钮 常用 于 一 组 互 斥 选择 (如 * 男 "“ 女 ”等 ) 。 

@ 单 选 按钮 组 圈 : 创建 一 组 在 表单 中 使 用 的 单 选 按钮 。 

@ 列表 按钮 图 : 常用 于 提交 一 组 可 供 浏览 者 进行 选择 的 列表 选项 。 其 表现 方式 为 
当 单 击 它 右 侧 的 辆 按钮 时 ,弹出 一 个 下 拉 列 表 。 浏 览 者 可 单 击 列表 中 某 一 选项 。 它 在 功 
能 上 与 单 选 按 钮 相似 ,可 以 提供 浏览 者 在 多 个 备 选项 中 做 一 个 选择 , 它 占有 网 页 的 面积 比 
单 选 按 钮 小 得 多 。 

@ 文件 域 贺 : 文件 域 有 一 个 文本 框 和 一 个 浏览 按钮 。 让 浏览 者 从 本 地 计算 机 上 用 
表单 向 服务 器 上 传 文件 。 

@ 隐藏 域 四 : 表单 的 隐藏 域 在 浏览 时 是 看 不 到 的 ,浏览 者 也 不 能 执行 该 操作 。 利 用 
隐藏 域 可 以 实现 浏览 器 同 服务 器 在 后 台 不 公开 地 交换 信息 。 

@ 图 片 域 辆 : 用 于 显示 图 片 , 也 可 用 人 【确认 按钮 。 

@ 跳 转 菜单 国 : 插入 一 个 跳 转 菜单 ,每 个 菜单 选项 都 可 链接 到 一 个 网 页 或 文件 。 


8.2.1 创建 表单 的 文本 框 


表单 中 的 文本 框 是 网 页 中 常见 一 种 表单 元 素 ,网 页 中 表单 的 文本 框 包括 3 种 形式 。 
(1)【 单 行文 本 框 】 是 浏览 者 只 能 输入 一 行 信 息 的 文本 区 域 。 
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(2)【 多 行文 本 框 】 是 可 由 网 页 设计 者 限定 文本 的 行 数 , 并 决定 是 否 显示 滚动 条 ,浏览 
者 可 在 这 种 文本 框 中 输入 多 行文 本 信息 。 

(3)【 密 码 ] 文 本 框 是 一 种 可 以 让 浏览 者 输入 密码 信息 的 文本 框 ,输入 的 字符 都 以 
“x ”号 显示 在 屏幕 上 。 

下 面 将 介绍 创建 一 个 带 有 文本 框 的 最 基本 的 表单 ,通过 创建 这 个 简单 的 表单 来 了 解 
表单 创建 的 过 程 , 其 操作 步骤 如 下 : 

(1) 单 击 【[ 插 入 ] 栏 [表单 】 选 项 。 

(2) 此 时 在 【插入 ] 栏 [表单 】 选 项 中 显示 的 各 种 对 象 , 如 图 8-1 所 示 。 


文件 四 编辑 时 ) 查看 W) 插入 GD) 修改 旭 文本 中 命令 C) 站 点 G) 窗口 中 帮助 吕 


表单 了 盏 | 品 访 国 | 回 回回 | 国 因 | 回回 口 | 回 口 
图 8-1 【插入 3] 栏 [表单 ] 选 项 


(3) 在 网 页 文档 窗口 中 ,确定 要 插入 表单 的 位 置 。 

(4) 单 击 [ 表 单 】 选 项 中 的 [表单 ] 圈 按钮 , 便 可 在 网 页 编辑 区 中 生成 一 个 表单 。 此 时 
表单 被 一 个 红色 虚线 框 界定 。 单 击 红色 虚线 框 ,可 以 选中 表单 区 域 ,在 [属性 面板 中 显示 
了 这 个 表单 区 域 的 属性 ,如 图 8-2 所 示 。 


| 表单 名 称 动作 局 目标 图 类 加 
图 方法 |FosT 羡 WINE 类 型 图 到 ~ 


图 8-2 表单 的 [属性 面板 


4 GO 


表单 的 [属性 面板 中 各 属性 具体 意义 如 下 : 

Q@ 在 【表单 名 称 ] 文 本 框 中 输入 指定 表单 的 名 称 ,表单 的 名 称 必须 唯一 。 

@ 在 [动作] 文本 框 中 可 以 输入 一 个 URL, 用 来 指定 处 理 表 单 信息 的 服务 端的 程序 。 
也 可 以 输入 mailto: 邮件 地 址 ,用 E-mail 方式 来 发 送 表 单 中 的 数据 。 

@ 在 【方法 J] 下 拉 列 表 中 指定 一 个 处 理 表单 数据 的 方法 ,其 下 拉 列 表 中 的 各 项 意义 如 
下 所 述 。 

默认 : 使 用 浏览 器 的 默认 方式 ,一 般 为 GET 方式 。 

GET: 表示 把 表单 值 附 加 到 URL ,并 发 送 给 服务 器 一 个 GET 请 求 。 

POST: 以 消息 方式 发 送 表单 的 值 ,并 发 送 给 服务 器 一 个 POST 请 求 。 

@ 在 [目标 J 下 拉 列 表 中 指定 一 个 窗口 方式 ,在 该 窗口 中 显示 调用 程序 所 返回 的 数据 。 

@ 在 [MIME 类 型 下拉 列 表 可 以 指定 对 提交 给 服务 器 进行 处 理 的 数据 使 用 MIME 
编码 类 型 。 

(5) 将 光标 插入 到 表单 内 ,输入 标识 提示 文字 “您 的 姓名 : ”。 

(6) 单 击 【 表 单 选 项 中 的 [文本 字段 ] 按 钮 加 ,就 会 在 表单 中 生成 一 个 【文本 字段 ] 表 
单 域 ,如 图 8-3 所 示 。 

(7) 单 击 文本 框 表单 域 将 其 选中 ,此 时 显示 [文本 字段 3 的 [属性 ] 面 板 , 如 图 8-3 所 示 。 

【文本 字段 ] 的 [属性] 面板 各 项 属性 意义 如 下 : 

@ 在 【文本 域 】 文 本 框 中 输入 当前 表单 域 的 名 称 ,系统 将 以 此 名 称 保 存 文本 框 表单 域 


第 8 章 表单 及 其 应 用 一 和 29 


图 8-3 创建 表单 文本 字段 示意 图 


中 的 内 容 。 

@ 在 【字符 宽度 】 文 本 框 中 输入 当前 表单 域 的 宽度 , 即 设置 文本 框 中 每 行 所 允许 输入 
的 字符 数目 。 

@ 在 【最 大 字符 数 】 文 本 框 中 设置 文本 框 表单 域 中 最 多 可 人 允许 输入 的 字符 数 。 

@ 在 [类 型 ] 区 域 中 确定 文本 框 的 类 型 ,3 个 单项 选择 分 别 是 单行 、 多 行 .密码 。 

@ 在 【初始 值 ] 文 本 框 中 输入 表单 域 的 预先 设置 的 值 。 

@ 在 [换行] 中 设置 多 行文 本 框 表单 域 的 换行 方式 。 当 选择 【类 型 ] 为 多 行 单 选项 时 ， 
【换行 ] 下 拉 列 表 就 被 激活 ,可 选择 设置 多 行文 本 表单 域 中 不 同 的 换行 方式 。 

(8) 用 同样 的 方法 在 表单 的 下 一 行 生成 “您 的 E-mail 地 址 : ”的 文本 框 表单 域 ,如 
图 8-3 所 示 。 

(9) 在 【文本 字段 了 的 【属性 了 面板 中 的 【字符 宽度 】 文 本 框 中 输入 45。 并 选中 单行 选 
项 ,表示 此 文本 框 为 单行 类 型 。 

至 此 ,一 个 带 有 文本 框 的 简单 表单 便 创建 成 功 了 。 


8.2.2 建立 表单 的 单 选 按 钮 和 复 选 框 

单 选 按钮 和 复 选 框 是 表单 中 用 得 较 多 的 元 素 ,而 且 是 网 页 设计 者 与 浏览 者 进行 交流 
的 最 有 效 的 手段 。 

1. 创建 表单 的 单 选 按钮 


网 页 中 表单 的 单 选 按钮 一 般 都 是 成 组 出 现 的 ,在 页 面 设计 时 既 要 为 单 选 按钮 组 定义 
一 个 标识 ,也 要 为 每 一 个 单 选 按钮 定义 一 个 标识 。 创 建 单 选 按钮 的 操作 步骤 如 下 : 

(1) 在 表单 的 合适 位 置 插入 光标 ,并 输入 单 选 按钮 组 的 标识 文字 ,例如 “性 别 : ”。 

(2) 然后 单 击 【表单 3 选项 中 的 按钮 图 ,并 输入 这 个 单 选 按钮 的 标识 文字 ,例如 
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es 
(3) 选中 这 个 单 选 按钮 ,打开 单 选 按钮 的 [属性 3 面板 ,如 图 8-4 所 示 。 


图 8-4 单 选 按钮 的 [属性 了 面板 


(4) 在 【 单 选 按钮 】 文 本 框 中 输入 单 选 按钮 的 名 字 * 性 别 ”。 并 在 【 选 定 值 】 文 本 框 中 给 
单 选 按钮 赋值 " 男 ”。 

(5) 并 为 这 个 单 选 按钮 设置 初始 状态 ,【 初 始 状 态 ] 为 【已 勾 选 ] 状 态 。 

(6) 用 同样 的 方法 添加 另 一 个 标识 为 “ 女 ” 的 单 选 按钮 。 

(7) 在 【 单 选 按钮 】 文 本 框 中 输入 单 选 按钮 的 名 字 * 性 别 ”。 并 在 选 定 值 文本 框 中 给 单 
选 按钮 赋值 * 女 ”。 

(8) 并 为 这 个 单 选 按钮 设置 初始 状态 【初始 状态 为 【未 选中 ] 状 态 , 如 图 8-5 所 示 。 

图 8-5 表单 的 单 选 按钮 


2. 创建 表单 的 复 选 框 


网 页 表单 中 的 复 选 框 可 以 单个 出 现 也 可 以 成 组 出 现 , 单 个 复 选 框 可 用 于 答案 为 是 或 
否 的 问题 ,成 组 的 复 选 框 可 用 于 一 个 或 多 个 选项 选取 的 问题 。 一 般 情 况 下 , 复 选 框 组 的 标 
识 文字 放 在 复 选 框 之 前 ,而 每 一 个 复 选 框 的 标识 文字 放 到 复 选 框 的 后 面 。 

当 一 个 复 选 框 被 选中 后 向 服务 器 发 送 什 么 值 是 一 件 需 要 认真 思考 的 问题 。 服 务 器 端 
必须 有 一 个 接收 程序 (如 用 CGI、ASP、PHP 等 编制 的 程序 ) ,用 来 接收 表单 发 来 的 数据 ， 
并 将 这 些 数据 处 理 后 以 网 页 的 形式 发 送 给 用 户 端的 浏览 器 。 复 选 框 名 称 和 选 定 值 的 设置 
应 该 要 按照 服务 器 端 接收 程序 的 约定 来 完成 。 

下 面 将 介绍 创建 复 选 框 的 过 程 , 其 操作 步骤 如 下 : 

(1) 在 表单 的 合适 位 置 插入 光标 ,并 输入 复 选 框 组 的 标识 文字 ,例如 “您 经 常 关注 本 
网 上 书店 的 哪些 栏目 ?”。 

(2) 将 光标 插入 到 合适 的 位 置 , 然 后 单 击 【表单 3 选项 中 的 按钮 圆 , 并 输入 这 个 单 选 按 
钮 的 标识 文字 ,如 图 8-6 所 示 。 


2. 您 经 常 关注 本 网 上 书店 的 哪些 栏目 ? 
| 下! 新 书 束 递 _ 厂 精品 系列 三 _ 科 学 技术 三 现代 文学 厂 生活 艺术 -三 文化 教育 三 “电子 音像 三 政 治 法 律 厂 网 友 书 评 


图 8-6 表单 的 复 选 框 


(3) 选中 该 复 选 框 , 在 复 选 框 的 [属性] 面板 中 为 其 设置 名 称 和 赋值 ,如 图 8-7 所 示 。 
【属性 了 面板 中 各 项 参数 意义 如 下 所 述 。 
名 在 【 复 选 框 名 称 】 文 本 框 中 ,给 选中 的 复 选 框 起 一 个 名 字 , 也 就 是 选中 该 复 选 框 后 
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图 8-7 表单 复 选 框 的 [属性 ] 面 板 


向 服务 器 发 送信 息 时 所 用 的 变量 名 。 

@ 在 【 选 定 值 ] 文 本 框 中 ,输入 选中 该 复 选 框 后 要 向 服务 器 发 送 的 内 容 。 

@ 在 [初始 状态 ] 中 ,选中 【已 勾 选 ] 单 选项 表示 该 复 选 框 初始 状态 已 被 选中 。 选 中 
【未 选中 了 单 选项 表示 该 复 选 框 初始 状态 为 待 选 状态 。 

复 选 本 [属性 了 面板 设置 的 参数 应 按照 与 服务 器 端 程序 的 约定 来 完成 。 


8.2.3 创建 表单 的 列表 框 


给 表单 添加 列表 框 与 下 拉 列 表 框 的 方法 基本 相同 ,只 需 在 创建 了 空白 列表 后 ,在 列表 
【属性 了 面板 的 [类 型 3 中 选择 不 同 的 单 选项 便 可 完成 设置 。 选 择 【菜单 】 单 选项 ,可 创建 下 
拉 列 表 框 : 选 择 【 列 表 了 单 选项 ,可 创建 列表 框 。 下 面 来 介绍 创建 表单 的 列表 框 方法 ,其 操 
作 步 骤 如 下 : 

(1) 在 表单 的 合适 位 置 上 插入 光标 ,然后 输入 下 拉 列 表 框 的 标识 文字 ,例如 “您 的 职 
业 : Te 
(2) 单 击 [ 表 单 ] 选 项 中 的 按钮 图, 此 时 表单 的 光标 位 置 上 显示 一 个 很 小 的 下 拉 列 
表 框 。 

(3) 选中 新 建 的 下 拉 列 表 框 ,显示 下 拉 列 表 框 的 [属性 ] 面 板 ,如 图 8-8 所 示 。 


国 | 列表 / 茶 单 类 型 @ 荣 单 高 度 C3 下] 类 [无 回 8 
一 [select 〇 询 表 选 定 范围 门 允许 多 选 
初 络 化 时 先 定 


图 8-8 下 拉 列 表 框 的 [属性 面板 


【属性 面板 中 各 项 参数 的 意义 如 下 : 

Q@ 在 [列表 /菜单 ] 文 本 框 中 设置 下 拉 列 表 框 的 名 称 。 在 此 文本 框 中 输入 下 拉 列 表 框 
的 名 称 为 select。 

@ 在 【类 型 〗 选 项 区 中 设置 下 拉 列 表 框 的 类 型 为 [菜单 】。 

@ 若 下 拉 列 表 框 的 【类 型 设置 为 [列表 时 ,高 度 文本 框 被 激活 ,在 其 中 可 设置 该 列 
表 框 可 显示 的 行 数 。 

@ 选中 [ 选 定 范围 ] 复 选 框 ,可 将 下 拉 列 表 设置 成 一 次 选择 多 个 选项 。 可 以 通过 按 住 
Ctrl 键 ,再 单 击 选 择 不 相 邻 的 任意 多 个 选项 ,也 可 以 通过 按 住 Shift 键 来 选中 两 次 单 击 选 
项 之 间 所 有 连续 的 选项 。 
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@ 单 击 【列表 值 ] 按 钮 ,可 以 进行 列表 值 的 设置 。 
@ 在 【初始 化 时 选 定 ] 列 表 中 ,会 显示 通过 列表 值 设置 的 列表 项 目 文字 。 
(4) 在 【属性 了 面板 中 单 击 【列表 值 ] 按 钮 ,打开 【列表 值 ] 对 话 框 ,如 图 8-9 所 示 。 


图 8-9 【列表 值 ] 对 话 框 


(5) 单 击 项 目标 签 按 钮 的 下 方 , 在 出 现 的 文本 框 中 输入 “工人 ”。 

(6) 按 Tab 键 或 单 击 值 按 钮 ,在 出 现 的 文本 框 中 输入 选项 的 赋值 “GR”。 

(7) 单 击 国 按钮 ,重复 步骤 (5) ,步骤 (6) 添 加 新 的 列表 选项 。 

(8) 如 果 要 删除 某 个 选项 ,可 以 在 【列表 值 ] 对 话 框 中 选中 该 项 ,然后 单 击 国 按钮 
即 可 。 

(9) 可 用 列表 值 对 话 框 中 的 按钮 国 央 贺 调整 下 拉 列 表 框 的 选项 次 序 。 

(10) 单 击 【确定 了 按钮 ,此 时 列表 项 目 显示 在 【属性 了 面板 的 【初始 化 时 选 定 】 列 表 窗 
口中 。 

(11) 按 Fl12 键 ,在 浏览 器 中 单 击 下 拉 列 表 框 的 按钮 ,可 以 看 到 列表 框 的 下 拉 菜 单 。 


8.2.4 创建 表单 的 提交 和 重 置 按钮 


在 网 页 中 的 表单 必须 添加 【提交 按钮 ,才能 将 浏览 者 填写 的 信息 上 传 到 服务 器 。 在 
Dreamweaver 8 另外 还 设置 了 一 个 用 于 清除 表单 中 填写 数据 的 【 重 置 ] 按 钮 。 几 乎 所 有 网 
页 中 的 表单 都 包含 [提交 】 和 【 重 置 ] 按 钮 。 在 表单 中 创建 【提交 】 和 【 重 置 3 按钮 的 操作 步骤 
如 下 : 

(1) 在 表单 合适 的 位 置 上 确定 插入 点 ,然后 2 次 单 击 【表单 选项 卡 中 的 按钮 转 . 

(2) 在 表单 中 就 会 生成 2 个 按钮 ,如 图 8-10 所 示 。 

(3) 选中 第 1 个 按钮 ,在 按钮 的 【属性 了 面板 中 设置 参数 。 输 入 【按钮 名 称 】 为 
“Submit”; 在 [标签] 文本 框 中 输入 该 按钮 上 的 文字 “提交 ”; 在 【动作 】 选 项 组 中 选择 [提交 
表单 】 单 选项 。 

(4) 选中 第 2 个 按钮 ,在 按钮 的 【属性 了】 面板 中 设置 参数 。 输 入 【按钮 名 称 】 为 
“Reset”; 在 【标签 了 文本 框 中 输入 该 按钮 上 的 文字 * 重 置 *; 在 【动作 选项 区 中 选择 
【 重 设 表单 } 单 选项 。 添 加 按钮 后 的 表单 如 图 8-10 所 示 。 
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图 8-10 表单 按钮 的 [属性 面板 


8.2.5 其 他 表单 域 的 应 用 


前 几 节 介绍 了 Dreamweaver 8 常用 表单 域 的 特点 和 使 用 方法 ,另外 还 有 一 些 表单 域 
在 网 页 设计 时 可 以 完成 一 些 特 殊 的 功能 。 


1. 表单 的 图 像 域 


图 像 域 是 一 个 比较 有 用 的 表单 域 , 它 的 主体 是 一 个 图 片 。 在 浏览 时 单 击 这 个 图 片 , 表 
单 就 会 向 服务 器 发 送 表单 中 各 个 表单 域 的 值 。 图 像 域 可 以 代替 [提交] 按钮 ,一 个 图 像 域 
有 两 个 值 ,分 别 表示 单 击 图 像 域 时 鼠标 指针 的 纵 坐标 和 横 坐 标 。 在 表单 中 创建 图 像 域 的 
操作 步骤 如 下 : 

(1) 在 表单 合适 的 位 置 上 确定 插入 点 ,然后 再 单 击 【 表 单 ] 选 项 中 的 国 按 钮 。 

(2) 在 打开 的 [选择 图 像 源 ] 对 话 框 中 ,选择 一 个 图 片 将 其 插入 到 表单 中 。 

(3) 选中 该 图 像 ,在 图 像 的 [属性 ] 面 板 中 可 以 设置 表单 的 图 像 属性 ,如 图 8-11 所 示 ， 
设置 方法 同 操 作 普 通 图 像 类 似 。 

TE 


图 沸 区 域 ，23K Ee ne/ D1 JPO [= 圆 ”类 [无 加 
bd [inageField 编辑 图 借 


图 8-11 表单 图 像 域 的 [属性 面板 


表单 图 像 域 [属性 了 面板 的 基本 参数 的 意义 如 下 : 
中 在 【图 像 区 域 ] 文 本 框 中 可 输入 图 像 域 的 名 称 。 
@ 在 【 源 文件 ] 文 本 框 中 输入 要 选 定 图 像 的 路 径 和 文件 名 。 
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@ 在 【替代 了 文本 框 中 可 输入 图 像 的 替换 文字 。 当 浏览 器 不 能 显示 图 像 时 ,输入 的 文 
字 将 代替 图 像 ,显示 在 浏览 器 中 。 

@ 在 [对 齐 了 下 拉 列 表 框 中 设置 图 像 的 对 齐 方式 。 

@ 单 击 【编辑 图 像 ] 按 钮 ,可 以 启动 外 部 图 像 编辑 器 Fireworks 8 ,编辑 该 图 像 。 


2. 表单 的 隐藏 域 


隐藏 域 是 一 种 在 浏览 器 上 看 不 到 的 表单 域 , 也 不 用 对 其 执行 操作 ,利用 隐藏 域 可 以 实 
现 浏览 器 同 服务 器 在 后 台 交 换 信息 。 由 于 它 是 不 可 见 的 ,所 以 也 不 需要 为 它 添加 标识 
奖池 < 

在 表单 中 ,插入 隐藏 表单 域 的 操作 步骤 如 下 : 

(1) 在 表单 合适 的 位 置 上 确定 插入 点 ,然后 再 单 击 [ 表 单 选 项 中 的 欧 按 钮 。 

(2) 在 网 页 文档 窗口 的 插入 点 处 可 以 看 到 一 个 而 图 标 。 

(3) 双击 而 图 标 ,选中 表单 的 隐藏 域 ,在 表单 隐藏 域 的 [属性 面板 中 可 以 设置 表单 
隐藏 域 的 属性 ,如 图 8-12 所 示 。 


局 ez 8 


hhiaaenField 值 


图 8-12 ”表单 隐藏 域 的 属性 了 面板 


隐藏 表单 域 [属性 了 面板 的 基本 参数 意义 如 下 : 
@ 在 [隐藏 区 域 ] 文 本 框 中 ,输入 表单 隐藏 域 的 名 称 。 
@ 在 【 值 ] 文 本 框 中 输入 隐藏 表单 域 的 初始 值 。 


3. 表单 的 文件 域 


利用 表单 的 文件 域 可 以 从 本 地 计算 机 向 服务 器 上 传 文件 。 表 单 的 文件 域 包括 一 个 文 
本 框 和 一 个 浏览 按钮 。 在 浏览 器 中 单 击 【 浏 览 ] 按 钮 ,打开 选择 文件 的 对 话 框 ,在 对 话 框 中 
选择 相应 的 文件 ,然后 单 击 表单 中 的 提交 按钮 便 可 将 文件 发 送 到 服务 器 上 。 

在 表单 中 ,插入 文件 表单 域 的 操作 步骤 如 下 : 

(1) 在 表单 合适 的 位 置 上 确定 插入 点 ,然后 再 单 击 【表单 选项 中 的 圈 按 钮 。 

(2) 在 网 页 文档 窗口 的 插入 点 处 可 以 创建 一 个 文本 框 和 浏览 按钮 ,如 图 8-13 所 示 。 

(3) 选中 表单 的 文件 域 , 在 表单 的 文件 域 的 [属性 了 面板 中 可 以 设置 表单 文件 域 的 
属性 。 

文件 表单 域 [ 属 性 了】 面板 的 基本 参数 意义 如 下 : 

中 在 【文件 域名 称 】 文 本 框 中 输入 文件 表单 域 的 名 称 。 

@ 在 [字符 宽度 ] 文 本 框 中 输入 文件 域 最 大 字符 宽度 。 

@@ 在 【最 多 字符 数 ] 文 本 框 中 输入 文件 域 最 多 字符 数 。 

(4) 按 Fl12 键 预览 Web 页 面 , 单 击 [浏览] 按钮 .系统 弹出 [选择 文件 对话 框 ,浏览 者 


第 8 章 表单 及 其 应 用 一 一 一 一 一 一 一 一 一 和 39 


ody> Cform#forml> Clabel> [Kinout [NJ QA lox% v5 x123v 1kK/1 秒 


图 8-13 表单 的 文件 域 


可 选择 确定 本 地 计算 机 所 要 上 传 的 文件 ,完成 文件 上 传 的 操作 。 
在 Web 页 面 中 若 要 插入 表单 的 转 跳 菜单 ,可 单 击 表单 子 面板 的 国 按 钮 。 这 部 分 内 
容 已 在 第 5 章 中 作 了 介绍 ,这 里 不 再 歼 述 。 


8.3 表单 的 应 用 实例 


例 创建 一 个 如 图 8-14 所 示 的 信息 反馈 的 表单 ,并 根据 输入 的 数据 类 型 设置 表单 域 
的 验证 行为 ,使 得 当 在 表单 中 输入 了 无 效 数据 后 ,递交 表单 时 会 显示 错误 提示 信息 。 


的 
局 二 kg 站 二 于 | 
区 > 姓名 : 学 是: 淮 1 
| 的 好 件 地 址 深 : 准 和 

您 的 意见 : | 要 和 和 by 

| ~ 

| pe 

六 
Ie 让 3 ER 志 Ee 

EF 区 比 钱 线 


图 8-14 信息 反馈 的 表单 


制作 分 析 : 
本 例 是 一 个 常规 的 表单 网 页 ,制作 时 应 该 注意 所 有 表单 元 素 都 必须 放 在 表单 的 红色 
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虚线 框 内 。 对 重要 的 数据 区 域 可 添加 行为 来 验证 数据 的 正确 性 。 

操作 步骤 如 下 : 

(1) 创建 一 个 名 为 validate. htm 的 网 页 文件 ,选择 [修改 YI【 页 面 属性 命令 ,设置 页 
面 背 景 图 像 为 img 文件 夹 中 的 图 像 文件 bg0096. jpg, 单 击 【插入 】 栏 [表单 选项 中 的 
【表单 ] 按 钮 图 ,此 时 网 页 中 出 现 一 个 被 红色 虚线 界定 的 区 域 , 即 在 网 页 编辑 区 中 生成 了 
一 个 表单 区 域 。 

单 击 红色 虚线 框 可 以 选中 表单 区 域 ,在 【属性 面板 中 可 设置 这 个 表单 区 域 的 属性 。 

OO 在 [表单 名 称 ] 文 本 框 中 输入 “表单 实例 ”。 

@ 在 [动作 ] 文 本 框 中 输入 “mailto: 去 收 件 人 邮件 地 址 之 ”。 

@ 在 [方法 ] 下 拉 框 中 选择 [Post】 选 项 ,表示 表单 用 邮件 方式 发 送 。 

(2) 将 光标 插入 红色 虚线 框 内 ,输入 表单 的 标题 文字 “请 发 表 对 本 网 站 的 意见 ”, 并 在 
【属性 了 面板 中 完成 文字 的 格式 化 。 将 光标 插 和 人 在 表单 合适 的 位 置 上 ,输入 标识 提示 文字 
“姓名 : ”。 单 击 【插入 3] 栏 [表单 〗 选 项 中 的 [文本 字段 ] 按 钮 加 ,就 可 在 表单 中 生成 一 个 
【文本 字段 ] 表 单 域 。 

g@ 在 [文本 字段 7 表单 域 的 [属性 ] 面 板 中 的 [文本 域 ] 文 本 框 中 ,输入 文本 域 的 名 称 为 
“textfield”, 系统 将 以 此 名 称 保存 文本 表单 域 中 的 内 容 。 

@ 在 【字符 宽度 ] 文 本 框 中 输入 表单 域 的 宽度 为 20。 

@ 在 [类型] 区 域 中 选择 文本 框 的 类 型 为 [单行 】。 

(3) 仿照 步骤 (2) 在 表单 合适 的 位 置 上 ,分 别 创建 单行 文本 域 “ 学 号 : ”“ 您 的 邮件 地 
址 :”, 并 分 别 给 那些 文本 域 命名 为 “textfield2”、“textfield3”。 

单 击 [ 插 入 】 栏 【表单 】 选 项 中 的 [文本 区 域 ] 按 钮 国 , 插入 文本 域 “您 的 意见 ”， 
“textfield4”, 文 本 域 的 宽度 自 定 。 

(4) 将 光标 插入 在 表单 合适 的 位 置 上 ,两 次 单 击 【 插 入 ] 栏 [表单 3 选项 中 的 [按钮 ] 按 
钮 , 便 可 在 表单 中 生成 两 个 按钮 。 

@ 单 击 第 1 个 按钮 ,在 按钮 的 [属性] 面板 的 [标签] 文本 框 中 输入 “提交 ”; 然 后 选中 
【动作 有 单 选区 域 中 的 【提交 表单 单 选 按钮 ,将 其 设置 为 提交 按钮 。 

@ 单 击 第 2 个 按钮 ,在 [属性 了 板 的 【标签 】 文 本 框 中 输入 “清除 ”, 然 后 选中 【动作 了 单 
选区 域 中 的 【 重 设 表单 了 单 选 按钮 ,将 其 设置 为 复位 按钮 。 

(5) 选择 【窗口 ] 民 行为 命令 ,或 按 快 捷 键 Shift 十 F3 打开 [行为 面板 。 

选中 名 为 textfield 的 文本 域 , 单 击 【 行 为 了 面板 上 的 国 | 按 钮 ,在 下 拉 菜 单 中 选择 【检查 
菜单 命令。 在 如 图 8-15 所 示 的 【检查 菜单 】 对 话 框 中 显示 了 表单 中 的 4 个 文本 域 。 

(6) 在 【命名 的 栏 位 了 列表 中 ,选择 [文本 “textfield” 在 表单 “forml?] 选 项 ,该 项 对 应 表 
单 中 “姓名 ”文本 域 。 选 择 [ 值 区 域 中 的 [必需 的 ] 复 选项 ,并 选择 【可 接受 】 选 项 区 域 中 的 
【任何 东西 ] 单 选项 ,将 该 文本 域 设置 成 必需 填写 的 栏目 ,而 且 可 以 接受 任何 字符 。 

(7) 选择 【文本 “textfield2” 在 表单 “form1”】 选 项 ,该 项 对 应 表单 中 “学 号 : "文本 域 。 
选择 [ 值 ] 区 域 中 的 [必需 的 ] 复 选项 ,然后 选择 【可 接受 】 选 项 区 域 中 的 [数字 从 ] 单 选项 ,并 
在 文本 框 中 填写 100000 一 999999 ,表示 “学 号 "文本 域 是 必需 填写 的 栏目 ,而 且 只 可 以 接 
受 从 100000 一 999999 的 数字 。 
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图 8-15 【检查 表单 ] 对 话 框 


(8) 选择 【文本 “textfield3” 在 表单 “form1”】 选 项 ,该 项 对 应 表单 中 “您 的 电子 邮件 地 
址 ”文本 域 。 选 择 【可 接受 选项 区 域 中 的 【电子 邮件 地 址 ] 单 选项 ,表示 该 文本 域 只 能 接受 
电子 邮件 地 址 。 

(9) 选择 [文本 “textfield4” 在 表单 “form1”】 选 项 ,该 项 对 应 表单 中 “您 的 意见 ”文本 
域 ,选择 [可 接受 区 域 中 的 [任何 东西 ] 单 选项 ,表示 该 文本 域 能 接受 任何 字符 。 单 击 【 确 
定 ] 按 钮 ,完成 表单 域 数 据 验 证 的 行为 设置 。 

(10) 按 Ctrl 十 S 快捷 键 ,保存 网 页 文件 。 按 功能 键 F12 预览 网 页 , 当 浏 览 者 在 表单 
域 中 输入 不 合法 的 数据 ,提交 表单 后 会 显示 如 图 8-16 所 示 的 错误 信息 。 


了 icrosoft Internet Explorer 


The following error (s) occurred 
~ textfield? must contain a nunber between 100000 and 999999. 


~ textfield3 must contain an e-mail address. 


图 8-16 ”验证 表单 后 的 提示 信息 
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部 分 


Web 应 用 程序 开发 


S 


二 9 蕴 ”Web 应 用 程序 概述 


知识 点 

。 Web 应 用 程序 的 基本 概念 
。 ASP 应 用 服务 器 技术 

。 VBScript 脚本 语言 简介 
。 数据 库 的 基础 知识 

。 IIS Web 服务 器 


9.1 什么 是 Web 应 用 程序 


运用 前 面 章节 所 述 的 方法 ,已 经 可 以 建立 一 个 完整 的 网 站 ,并 提供 访问 者 静态 的 信 
息 。 但 是 ,这 样 一 个 网 站 只 能 提供 信息 ,性 质 等 同 于 一 个 出 版 物 , 不 能 称 之 为 一 个 真正 的 
Web 应 用 ,这 样 的 静态 网 站 是 不 能 用 于 电子 商务 活动 的 ,电子 商务 活动 要 求 网 站 提供 与 
使 用 者 交互 的 手段 。 那 么 ,什么 才 是 Web 应 用 程序 呢 ? 

Web 应 用 程序 是 一 组 Web 页 面 , 这 些 Web 页 面 可 以 与 访问 者 交互 ,与 其 他 Web 页 
面 交互 ,并 与 Web 服务 器 上 访问 的 各 种 资源 (例如 数据 库 ) 交 互 ,来 完成 一 个 特定 的 功能 。 
所 谓 交 互 ,是 指 以 提问 回答 的 方式 交换 需要 的 信息 。Web 应 用 程序 是 以 大 量 运用 动态 页 
面 为 特征 的 。 动 态 页 面 是 与 静态 页 面相 对 应 的 概念 。 静 态 页 面 的 内 容 完全 确定 , Web 服 
务 器 在 用 户 请 求 该 页 时 不 做 任何 改变 地 将 该 页 发 给 用 户 。 动 态 页 面 的 部 分 或 全 部 内 容 是 
不 确定 的 ,最 终 用 户 所 看 到 的 动态 页 面 所 呈现 出 来 的 内 容 只 在 用 户 向 Web 服务 器 请 求 该 
页 时 才 确 定 。 

利用 Web 应 用 程序 ,用 户 可 以 方便 地 完成 信息 的 采集 ,保存 ,快速 查询 和 分 析 。 网 
上 商店 、 网 上 问卷 、 用 户 反 馈 表 、 电 子 图 书馆 、 搜 索引 擎 等 都 是 Web 应 用 程序 的 生动 
实例 。 

以 上 海 热线 为 例 , 如 图 9-1 所 示 。 

旅游 网 站 的 旅游 快讯 是 动态 页 面 的 很 好 的 例子 ,用 户 看 到 页 面 在 不 同 的 日 期 不 同 的 
时 刻 都 可 能 不 同 。 用 户 每 次 请 求 该 页 面 时 ,Web 服务 器 都 会 根据 当时 数据 库 中 的 实际 内 
容 , 来 生成 当时 有 效 的 页 面 。 


www.online.shcn 


上 旅 丈 忽 好 


tttrip.online.sh.cn 

(首页 “折扣 酒店 “特价 机 票 “ 新 闻 “”“ 国内 线路 “ 国际 线路 目的 地 、 最 上 海 ”俱乐部 ”同行 报价 
i 

@ 新 闻 ”QO “目的 地 
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| "欢乐 南 北湖 周末 休 用 二 日 游 
| 首 了 E 山 清凉 寺 线 

| 巴 原 久 特价 游 

* 新 加 坡 马 来 西亚 六 日 游 

| 了. 1 日 本 六 日 深度 经 典 游 

| 欧洲 法 瑞 意 十 日 经 典 游 

| "浪漫 之 旅 -马尔 代 夫 天 党 久 
* Clublled- 普 吉 岛 浪漫 自由 行 


| 要， 江西 2 日 
, 纯净 大 国 五 日 无 自 委 
“* 非洲 省 尼 亚 6 日 精华 游 ， 南 站 将 现 大 型 购物 中 心 [10.19 10:14] 
| 更 多 | | "上 海 国际 艺术 节 今 晚 开幕 [10.19 10:10] 
[| .老字号 重 阳 楼 供 不 应 下 0o ls 10:06] 
坟 专 有 类 | 机票 大 中 水 ， 通 近 千村 从 0o ls 09:42] 
“ 洒 虽 序 关 趟 南 严 | 。 | 。 昔 杨 路 等 道路 交通 大 调整 lo_le 09:38] | 
"起 币 世界 出 所 会 议 < 国 | 。 上 海地 铁 站 蓝牙 下 载 照片 [0.19 09:35] rm 
7 二 同和 上 和 者。 | 。 | 。 名 宇 本 性 游程 没 合 [机 [lo 19 092171 提 才 从 家 汇 将 成 -通途 
上 | “| ， 中 外 游客 放生 十 万 尾 鱼 苗 [10,19 09;13] 徐汇 区 建设 交通 委员 会 与 
Dobed pet | | 北京 郊区 山 山 有 党 红叶 io.19 09:10] RR ST 
“生前 身后 吧 均 咀 家 汇 商 图 交 通 设 施 综合 
身后 唆 均 哩 | 。 | ， 南京 至 安庆 将 建城 际 铁路 0o le 08:51] 造访 实 》 ”将 对 从 家 沁 认 
St 从 人 -二 。 | 。 | 。 南 生物 因 500 汪 六 io ls 08:47 本 
加 网 得 之 ， 本 周末 栖霞 宜 赏 红 机 [10. 19 08:42] 合 改造 目前 
和 和 必 汉 通 和 南 负 - 志 题 | 加 再。 生动 包括 当 立 
图 9-1 唱片 店 实例 


有 关 旅 游 网 站 Web 应 用 程序 实例 的 信息 请 查阅 : 


http://tttrip. online. sh. cn/news. asp 


9.2 Web 应 用 程序 的 工作 方式 


9.2.1 静态 页 面 的 处 理 流 程 


静态 页 面 的 内 容 在 页 面 设计 者 设计 时 就 完全 确定 了 ,由 一 系列 静态 的 HTML 标签 
元 素 组 成 。Web 服务 器 上 保存 的 静态 页 面 传 到 用 户 端 时 是 不 变 的 。 下 面 是 一 个 静态 页 
面 的 例子 。 


<html> 

<head> 
<title> 静 态 页 面 实例 < /title> 

< /head> 

<body> 

< strong> 静 态 页 面 实例 < /strong> <br> 
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源码 传 到 用 户 端 不 会 有 变化 
< /body> 
< /htm> 


处 理 静 态 页 面 的 工作 由 Web 服务 器 完全 承 


担 。 当 用 户 单 击 网 页 上 的 超级 链接 ,选择 浏览 器 
中 的 书签 或 直接 在 浏览 器 的 地 址 栏 中 输入 URL 
地 址 来 请 求 一 个 静态 页 面 时 ,浏览 器 会 向 Web 服 
务 器 发 送 对 该 页 面 的 请 求 ; Web 服务 器 接收 到 该 请 求 
请 求 后 ,会 根据 请 求 所 指出 的 页 面 地 址 ,根据 服 
务 器 上 虚拟 目录 和 实 目录 的 对 应 关系 找到 该 页 
面 文件 ; 然后 Web 服务 器 把 该 页 面 文件 通过 
HTTP 协议 原封 不 动 的 传 给 用 户 端 的 浏览 器 。 


其 处 理 流 程 如 图 9-2 所 示 。 


简 而 言 之 ,静态 页 面 的 处 理 流程 如 下 : 
(1) 浏览 器 发 出 对 静态 页 面 的 请 求 。 


(2) Web 服务 器 寻找 该 页 面 。 


浏览 器 


Web browser 


网 络 服务 器 
Web Server 


静态 页 面 
Static page 


静态 页 面 的 处 理 流程 


(3) Web 服务 器 发 送 返回 该 页 面 给 浏览 器 。 
9.2.2 简单 动态 页 面 的 处 理 流程 
对 Web 应 用 程序 而 言 ,处 理 流程 就 没有 这 么 简单 ,由 于 对 动态 页 面 有 部 分 的 页 面 内 


容 会 在 请 求 时 生成 ,处 理 上 增加 了 一 些 层 次 。 动 态 页 面 是 在 静态 页 面 的 基础 上 添加 服务 
器 端 脚本 或 标签 编写 的 。 当 Web 服务 器 接收 到 对 动态 页 面 的 请 求 , 找 到 该 页 面 后 ,并 不 


浏览 器 


Web browser ry 


网 络 服务 器 


<HIML> 
<CODE> 


<HIML> 
<P>HIl 
</{HTML> 


图 9-3 简单 动态 页 面 的 处 理 流程 
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马上 传 回 用 户 , 而 是 先 把 页 面 传 给 一 个 专门 负 
责 处 理 动态 元 素 的 处 理 层次 来 生成 最 终 传 回 
用 户 端的 页 面 内 容 。 这 个 处 理 层次 被 称 为 应 
用 服务 器 。 

应 用 服务 器 执行 动态 页 面 中 的 服务 器 端 
脚本 或 标签 ,执行 的 动作 包括 对 服务 器 端 可 访 
问 的 资源 的 操作 (例如 文件 操作 、 数 据 库 操作 、 
会 话 信息 等 ) 和 生成 结果 。 生 成 结果 是 把 原来 
页 面 中 的 服务 器 端 脚本 或 标签 替换 成 一 系列 
静态 的 页 面 元 素 , 生 成 什么 结果 内 容 由 服务 器 
端 脚本 或 标签 控制 。 因 此 ,应 用 服务 器 返回 给 
Web 服务 器 的 是 一 个 静态 页 面 , 再 由 Web 服 
务 器 将 这 个 静态 的 结果 页 面 传 给 用 户 。 对 简 
单 的 动态 页 面 ,不 涉及 外 部 资源 访问 ,处 理 流 
程 仅 增加 应 用 服务 器 这 一 个 层次 。 图 9-3 是 这 
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个 流程 的 示意 图 。 
这 个 流程 概括 起 来 说 ,就 是 : 
(1) 浏览 器 发 出 对 动态 页 面 的 请 求 。 
(2) Web 服务 器 找到 该 页 面 , 传 给 应 用 服务 器 。 


(3) 应 用 服务 器 扫描 页 面 ,执行 有 关 代码 ,生成 结果 。 


(4) 应 用 服务 器 把 结果 页 面 返回 给 Web 服务 器 。 


(5) Web 服务 器 发 回 该 结果 页 面 给 浏览 器 。 
下 面 是 一 个 ASP 动态 页 面 的 例子 : 


<html> 
<head> 

<title> 简单 动态 页 面 实例 < /title> 

< /head> 

<body> 

< strong> <%=now()% >< /strong> <br> 

应 用 服务 器 会 将 上 面 的 服务 器 端 脚本 替换 掉 
< /pody> 

< /html> 


在 用 户 端 浏 览 器 的 某 一 次 执行 看 到 的 是 如 图 9-4 所 示 的 结果 页 面 。 


如 果 在 用 户 端 浏览 器 查看 该 页 面 的 源 代码 ,可 
以 看 到 服务 器 端 脚 本 二 % 二 now()% 记 已 经 被 蔡 换 
成 该 函数 的 执行 结果 : 2002-8-22 10:29:36。 以 下 是 
用 户 端 看 到 的 页 面 源 代 码 。 


<htm> 

<head> 

<title> 简单 动态 页 面 实例 < /title> 

< /head> 

<body> 

< strong> 2002 .8.22 10:29:36< /strong> <br> 

应 用 服务 器 会 将 上 面 的 服务 器 端 脚本 替换 掉 
< /body> 

</htm> 


2002-8-22 10:29:3 
应 用 服务 名 全 答 上 生 和 服务 器 江 于 本 夫 扫 掉 


图 9-4 简单 动态 页 面 的 结果 实例 


由 于 脚本 在 服务 器 上 而 不 是 在 客户 端 运行 ,传送 到 浏览 器 上 的 Web 页 是 在 Web 服 
务 器 上 生成 的 ,所 以 不 必 担 心 浏览 器 能 否 处 理 脚本 ,Web 服务 器 已 经 完成 了 所 有 脚本 的 
处 理 , 并 将 标准 的 HTML 传输 给 浏览 器 。 由 于 只 有 脚本 的 结果 返回 到 浏览 器 ,所 以 服务 
器 端 脚本 不 易 复 制 ,用 户 看 不 到 当前 正在 浏览 的 页 面 创建 时 的 脚本 命令 。 


9.2.3 复杂 动态 页 面 的 处 理 流 程 


当 需 要 访问 外 部 资源 时 ,Web 应 用 程序 的 处 理 流程 会 增加 更 多 的 处 理 层次 。 
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这 种 情 


况 下 ,动态 页 面 的 服务 器 脚本 中 将 包含 访问 外 部 资源 的 代码 ,可 能 对 外 部 资源 作 检索 .更 
新 、 添 删 等 操作 ,并 可 把 操作 结果 或 者 抽取 的 外 部 资源 数据 编排 好 生成 蔡 换 服务 器 脚本 的 
静态 内 容 。 外 部 资源 的 最 典型 的 例子 是 数据 库 , 但 并 不 只 限于 数据 库 , 文 件 系 统 、 企 业 应 
用 网 关 ( 如 企业 资源 计划 (ERP)/ 客 户 关系 管理 (CRM)/ 供 应 链 管理 (SCM) 等) 传统 主机 
应 用 网 关 (IBM 的 交易 处 理 中 间 件 (CICS)) 等 都 是 典型 的 外 部 资源 。 

以 数据 库 作 为 外 部 资源 的 情况 为 例 , 当 Web 服务 器 接收 到 对 动态 页 面 的 请 求 , 找 到 
该 页 面 后 ,把 页 面 传 给 应 用 服务 器 ;应 用 服务 器 执行 动态 页 面 中 的 服务 器 端 脚 本 或 标签 ， 
当 遇 到 访问 数据 库 的 代码 时 ,应 用 服务 器 发 送 代码 中 的 SQL 命令 给 数据 库 服 务 器 ;数据 
库 服务 器 执行 SQL 命令 ,把 结果 所 得 的 数据 集 返 回 给 应 用 服务 器 ;应 用 服务 器 执行 脚本 
中 的 后 续 代 码 ,生成 替换 脚本 的 静态 内 容 , 生 成 过 程 中 如 何 利用 数据 库 服 务 器 返回 的 数据 
集 , 由 脚本 代码 控制 ;应 用 服务 器 将 最 终生 成 的 静态 页 面 返回 给 Web 服务 器 ;再 由 Web 
服务 器 将 这 个 静态 的 结果 页 面 传 给 用 户 , 图 9-5 是 这 一 过 程 的 示意 图 。 


浏览 器 


Web browser 


网 络 服务 器 
<HTML> Re <HTML> 
<CODE rR <P>HI 
</HTML> </HTML> 


图 9-5 复杂 动态 页 面 的 处 理 流程 


因此 , Web 应 用 程序 的 一 般 处 理 流程 概括 起 来 说 ,就 是 : 

(1) 浏览 器 发 出 对 动态 页 面 的 请 求 。 

(2) Web 服务 器 找到 该 页 面 , 传 给 应 用 服务 器 。 

(3) 应 用 服务 器 扫描 页 面 ,执行 代码 。 

(4) 遇 外 部 资源 访问 代码 ,应 用 服务 器 发 送 资源 访问 命令 给 资源 服务 器 。 
(5) 资源 服务 器 执行 资源 访问 命令 ,返回 结果 数据 集 。 
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(6) 应 用 服务 器 执行 余下 的 代码 ,插入 数据 到 结果 页 面 。 
(7) 应 用 服务 器 把 结果 页 面 返回 给 Web 服务 器 。 
(8) Web 服务 器 发 回 该 结果 页 面 给 浏览 器 。 


9.3 VBScript 脚本 语言 简介 


Web 应 用 程序 的 工作 流程 中 最 关键 的 部 件 之 一 就 是 应 用 服务 器 ,Dreamweaver 8 支 
持 所 有 最 新 的 应 用 服务 器 技术 ,支持 用 直接 手写 或 利用 可 视 化 对 象 和 行为 来 快速 开发 数 
据 库 驱动 的 动态 Web 应 用 程序 。Dreamweaver 的 服务 器 代码 库 支持 所 有 主流 的 应 用 服 
务 器 技术 ,包括 ColdFusion、ASP、ASP. NET、JSP 和 PHP, 使 得 在 一 个 开发 环境 上 开发 
集成 多 种 类 型 的 站 点 和 后 端 技 术 成 为 可 能 。 

Microsoft Active Server Pages(ASP) 是 一 种 基于 脚本 语言 的 应 用 服务 器 技术 。 本 教 
材 主 要 以 ASP 为 主 , 讲 解 Dreamweaver 8 下 的 Web 应 用 程序 开发 方法 。ASP 本 身 并 不 
是 一 种 脚本 语言 ,但 它 却 为 嵌入 HTML 页 面 中 的 脚本 语言 提供 了 运行 的 环境 ,在 ASP 程 
序 中 常用 的 脚本 语言 有 VBScript 和 JavaScript 等 语言 。 

VBScript 脚本 语言 是 一 种 介 于 HTML 语言 和 Visual Basic 高 级 语言 之 间 的 一 种 语 
言 ,也 可 以 称 为 简化 了 的 Visual Basic 语言 。 它 接近 于 高 级 语言 ,但 却 比 高 级 语言 简单 易 
学 ,当然 其 功能 也 没有 高 级 语言 那么 强 。VBScript 脚本 程序 既 可 以 在 客户 端 浏览 器 中 执 
行 ,也 可 以 在 服务 器 端 执 行 ,一 般 ASP 程序 中 的 VBScript 语言 是 放 在 服务 器 端 执 行 的 。 

学 习 网 站 建设 应 该 要 掌握 一 些 脚本 语言 的 知识 ,下 面 就 VBScript 脚本 语言 的 语法 做 
一 些 简 单 介绍 。 


9.3.1 VBScript 代码 的 基本 格式 


当 VBScript 代码 放 在 服务 器 端 执行 时 有 2 种 格式 。 
格式 1: 
<%VBScript 代码 %> 
格式 2: 
< Script Language= "VBScript" Rmat= "Server"> 
Vescript 代码 
</Script> 
有 时 为 了 某 种 需要 ,可 能 也 会 将 VBScript 代码 放 在 客户 端 执 行 ,此 时 的 语法 如 下 : 
格式 3: 
< Script Language= "VBScript"> 
Vescript 代码 
</Script> 
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9.3.2 ”VBScript 的 数据 类 型 


在 Visual Basic、C++ 等 高 级 语言 中 ,有 整数 .字符 、 浮 点 数 等 不 同 的 数据 类 型 ,但 在 
VBScript 中 ,只 有 一 种 数据 类 型 , 称 为 Variant, 也 叫做 变 体 类 型 。Variant 是 一 种 特殊 的 
数据 类 型 ,根据 不 同 的 使 用 方式 , 它 可 以 包含 不 同 的 数据 类 别 信息 。Variant 变量 中 保存 


的 数据 类 型 称 为 变量 的 子 类 型 。 
例 9.1 
Variable= 2003 "Vescript 会 将 它 当 成 整数 对 待 
Variable= "2003" "VBscript 会 将 它 当 成 字符 串 对 待 
Variable= "中 国 上 海 " "Vescript 会 将 它 当 成 字符 串 对待 
Variable= 20.03 VBscript 会 将 它 当 成 实数 对 待 


从 以 上 例子 可 以 看 出 ,VBScript 会 根据 赋值 自动 确定 数据 变量 的 数据 子 类 型 。 要 注 
意 的 是 在 ASP 中 VBScript 用 的 标点 符号 都 是 在 英文 状态 下 输入 的 。 
VBScript 也 会 根据 代码 的 上 下 文 自动 转换 数据 的 子 类 型 。 


例 9.2 

Variable 1= "2003" ' 这 里 Variable 1 作为 一 个 字符 串 变 量 来 工作 

Variable 2=Variable 1+3 ' 这 时 VBScript 就 会 自动 将 Variable 1 转换 成 整数 变 
量 , 然 后 参与 运算 


一 般 情况 下 ,Variant 变量 会 将 其 代表 的 数据 子 类 型 自动 转换 ,但 有 时 候 , 也 会 遇 到 一 
些 数据 类 型 不 匹配 造成 的 错误 。 这 时 ,可 以 使 用 VBScript 的 转换 函数 来 强制 转换 数据 的 
子 类 型 。Variant 的 数据 子 类 型 如 表 9-1 所 示 。 


表 9-1 Variant 的 数据 子 类 型 


子 类 型 说 明 

String 变 长 字符 串 类 型 

Byte 其 值 是 0 一 255 之 间 的 无 符号 整数 

Integer 其 值 是 一 32 768 一 32 767 之 间 的 带 符号 的 整数 

Long 取 值 范围 是 一 2 147 483 648 一 2 147 483 647 之 间 的 长 整 型 整数 

Single 包含 单 精度 浮 点 数 

Double 其 值 是 双 精 度 浮 点 数 

Date( Time) 其 值 代表 某 个 日 期 和 时 间 的 数字 

Boolean 其 值 是 True 和 False 

Currency 取 值 范围 是 一 922 337 203 685 477. 580 8 一 922 337 203 685 477. 580 7 

Empty 变量 未 初始 化 时 ,如 果 代 码 中 将 其 作为 数字 ,其 值 就 是 0; 如 果 代 码 中 将 其 
作为 字符 串 ,其 值 就 是 一 个 零 长 度 字 符 串 ("") 

Null 不 包含 任何 有 效 数据 的 变量 

Object 包含 一 个 对 象 
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9.3.3 VBScript 的 常量 


常量 是 在 整个 脚本 中 保持 不 变 的 量 。 常 量 可 以 代表 字符 串 .数字 等 常数 ,常量 一 经 声 
明 , 其 值 将 不 能 再 更 改 。 声 明 常 量 的 意义 就 在 于 可 以 在 程序 的 任何 部 分 使 用 该 常量 来 代 
表 特 定 的 数值 ,从 而 方便 程序 的 编写 。 用 Const 语句 在 VBScript 中 创建 常量 。 

例 9.3 


Const PI= 3.1415926 ' 表 示 数 值 型 常数 
Const Val= 100 "表示 数值 型 常数 
Const charl= "中 国 " "表示 字符 串 型 常数 
Const char2- "100" "表示 字符 串 型 常数 
Const birthday=#2003 12# "表示 日 期 或 时 间 常 数 


如 表 9-2 所 示 是 用 于 连接 常量 和 变量 构成 表达 式 的 运算 符 。 
表 9-2 表达 式 的 运算 符 


算术 运算 符 比较 运算 符 逻辑 运算 符 
描述 符号 描述 符号 描述 符号 
求 宅 等 于 = 逻辑 非 Not 
负 号 至 不 等 于 < 逻辑 与 And 
乘 * 小 于 < 逻辑 或 Or 
除 大 于 > 逻辑 异 或 Xor 
整除 \ 小 于 等 于 < 逻辑 等 价 Eqv 
求 余 Mod 大 于 等 于 > 逻辑 隐 含 Imp 
加 焊 对 象 引用 比较 Is 
减 a 
字符 串 连 接 & 


VBScript 继承 了 Visual Basic 的 所 有 类 别 的 运算 符 ,包括 算术 运算 符 、 比 较 运算 符 、 

其 中 算术 运算 符 用 于 连接 运算 表达 式 :比较 运算 符 用 于 比较 数值 或 对 象 ,其 返回 值 为 
True 或 False, 比 较 运 算 常用 于 如 “If A 二 BThen…” 之 类 的 条 件 表达 式 中 ;连接 运算 符 & 
用 于 连接 两 个 字符 串 ; 而 逻辑 运算 符 主 要 用 于 连接 条 件 表达 式 , 表 示 各 个 条 件 之 间 的 关 
系 , 其 返回 值 也 是 True 和 False, 例 如 在 逻辑 语句 “if a 一 30 and b 王 50” 中 ,使 用 了 And 运 
算 符 ,只 有 当 两 个 条 件 都 满足 时 ,其 返回 值 才 是 True。 

例 9.4 

< 对 


Const PI= 3.1415926 


S- ETx Re2 味 半 径 R 为 50 的 圆 面积 
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9.3.4 VBScript 的 变量 


在 VBScript 中 ,变量 是 不 用 先 声 明 就 可 以 直接 使 用 的 。 然 而 ,在 编程 时 应 该 养 成 声 
明 变 量 的 良好 习惯 ,因为 这 样 有 助 于 防止 错误 发 生 。 声 明 一 个 变量 明确 地 告诉 服务 器 有 
一 个 特定 名 称 的 变量 ,这 样 就 可 以 在 脚本 中 引用 该 变量 。 在 VBScript 中 声明 一 个 变量 可 
以 使 用 Dim 语句 ,如 下 例子 所 示 。 

Dim Mystring 

Mystring= "This is my string" 

从 上 述 例子 中 也 可 以 看 出 VBScript 变量 的 赋值 也 与 许多 高 级 语言 相同 ,变量 放 在 等 
号 的 左边 ,赋值 语句 放 在 等 号 的 右边 ,并 且 赋 值 语 句 也 可 以 是 表达 式 形式 。 像 许多 高 级 语 
言 一 样 ,VBScript 变量 根据 作用 域 的 不 同 也 可 分 为 过 程 级 变量 和 全 局 级 变量 。 

变量 的 作用 域 可 以 根据 需要 由 声明 它 的 位 置 决定 ,变量 声明 的 位 置 也 决定 哪些 脚本 
命令 可 以 访问 何 种 变量 。 在 过 程 内 部 声明 的 变量 具有 局 部 作用 域 。 每 执行 一 次 过 程 , 变 
量 就 被 创建 一 次 ,然后 消亡 。 而 过 程 外 部 的 任何 命令 都 不 能 访问 它 。 在 过 程 外 部 声明 的 
变量 具有 全 局 作用 域 , 其 值 能 被 ASP 页 上 的 任何 脚本 命令 访问 和 修改 。 

然而 ,全 局 变量 仅 在 单个 ASP 页 中 可 用 ,要 使 它 在 单个 ASP 页 之 外 可 用 ,就 必须 把 
变量 定义 在 Session 对 象 下 或 Application 对 象 下 ,这 样 变量 对 一 个 用 户 所 请 求 的 ASP 应 
用 程序 中 的 所 有 页 都 是 可 用 的 。 


例 9.5 

< 
Dim User name "声明 单个 变量 
Dim a,b,c, Sm, har3 "声明 多 个 变量 
Sumrarb-cx 2 "完成 算术 运算 


char3= "欢迎"& user name ' 连 接 运 算 符 用 于 字符 串 连接 


9.3.5 VBScript 的 数组 


数组 的 命名 声明、 赋值 和 使 用 与 前 面 介 绍 的 变量 基本 上 是 一 样 的 ,所 不 同 的 是 要 确 
定数 组 中 的 项 目 数 。 
例 9.6 


< 

Dim a(3) 

a(0)=10 
a(ll)=a(0)+20 
a(2)=a(0)+al(l)+30 
al(3)=a(0O)+a(l)+a(2) 
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Sumra(D)+a()+a()+a(3) 

有 > 

VBScript 中 的 数组 从 0 开始 计数 ,所 以 上 面 定义 的 数组 a(3) 有 4 个 变量 。 也 可 以 根 
据 需 要 声明 多 维 数组 ,下 面 的 例子 将 定义 一 个 3 行 4 列 的 数组 。 


例 9.7 
< 
Dim a(2,3) "定义 一 个 3 行 4 列 的 数组 
all, 2)=100 "给 数组 中 某 个 变量 赋值 
$> 


还 可 以 声明 一 个 动态 数组 ,声明 数组 时 可 以 不 确定 数组 项 目 数 , 使 用 该 数组 时 再 确定 
数组 的 大 小 。 
例 9.8 


< 

Dima() "定义 一 个 动态 数组 

Redim a(3) "使 用 时 需要 Redim 这 个 数组 
a(3)=" 中 国 " 

Redim a(5) "可 以 任意 多 次 定义 这 个 数组 
a(5)=" 上 海 " 

务 > 


9.3.6 _ VBScript 的 函数 

合理 使 用 函数 可 以 简化 程序 ,提高 效率 。VBScript 继承 了 Visual Basic 中 的 一 些 函 
数 。 下 面 介绍 一 些 常 用 的 函数 。 

1. 转换 函数 


在 VBScript 的 数据 类 型 中 介绍 Variant 变量 一 般 情况 下 会 将 其 代表 的 数据 子 类 型 
转换 成 合适 的 数据 类 型 。 但 有 时 也 会 产生 数据 类 型 不 匹配 的 错误 ,此 时 可 用 VBScript 的 
转换 函数 来 强制 转换 数据 子 类 型 。 数 据 转换 函数 见 表 9-3。 


表 9-3 转换 函数 
函 数 功 能 

CStr( Variant) 将 变量 Variant 转化 为 字符 串 类 型 
CDate( Variant) 将 变量 Variant 转化 为 日 期 类 型 
CInt(Variant) 将 变量 Variant 转化 为 整数 类 型 
CLng( Variant) 将 变量 Variant 转化 为 长 整数 类 型 
CSng(Variant) 将 变量 Variant 转化 为 Single 类 型 
CDbl(Variant) 将 变量 Variant 转化 为 Double 类 型 
CBool( Variant) 将 变量 Variant 转化 为 布尔 类 型 
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下 面 【应 用 实例 了 中 的 CStr 就 是 将 Num 由 整数 子 类 型 强制 转换 为 字符 串 子 类 型 。 在 
实际 应 用 中 经 常会 用 到 各 种 转换 函数 来 强制 转换 数据 子 类 型 。 
例 9.9 
< 名 
Dim a(2) ,Nm 
Nne 2010 
a(D)=" 中 国 " 
aC)=" 上 海 " 
a(O0)=a(D)5a(C2)&CStr um) sg" 年 世博 会 " 
> 


2. 输入 输出 函数 


输入 、 输 出 函数 只 能 运行 于 客户 端 ,可 以 在 客户 端 产生 弹出 窗口 ,与 用 户 进行 交互 活 
动 。 这 两 个 函数 作用 很 大 ,一 些 简 单 的 用 户 信 息 输 入 、 验 证 若 放 在 客户 端 完 成 ,就 可 以 既 
加 快 程序 的 运行 又 减轻 服务 器 的 负荷 。 输入、 输出 函数 的 格式 见 表 9-4。 


表 9-4 输入 .输出 函数 


本 数 格 式 
输出 函数 MsgBox MsgBox(prompt [ ,button][ ,title]) 
输入 函数 InputBox InputBox(prompt [ ,title][ ,default]) 
格式 中 参数 的 意义 如 下 : 


(1) prompt 一 一 显示 窗口 中 的 文字 。 


(2) title 一 一 可 选项 ,显示 窗口 标题 中 的 文字 。 

(3) button 一 一 可 选项 ,用 来 指定 窗口 的 外 观 和 按钮 的 类 型 。 

(4) default 一 一 可 选项 ,用 来 指定 窗口 中 文本 输入 框 内 的 默认 字符 串 。 
例 9.10 客户 端 用 户 名 输入 和 确认 。 

【程序 代码 】 

<html> 

<head> 

<titley 输入 ,输出 函数 应 用 实例 < /title> 

< /head> 


< body bgcolor= 啡 99FFFE"> 
< Script Language= "VBScript"> 
<!-- 
Dim name 
name= InputBox ("您 的 正确 的 用 户 名 是 :", 哈 入 用 户 名 ") 
Msgeox "您 是 本 网 站 的 正式 用 户 : "gname 
-—> 

< /Script> 

< /body> 

</htm> 


150 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


程序 运行 结果 如 图 9-6、 图 9-7 所 示 。 


:YBScript: 输入 用 户 名 xl 
您 的 正确 的 用 户 名 是 : 
ws | oseroe “= 


您 是 本 网 站 的 正式 用 户 : 探访 者 
CE] 


图 9-6 输入 用 户 名 对 话 框 图 9-7 用 户 确认 对 话 框 


3. 字符 串 函 数 


在 网 站 开发 时 常常 会 要 处 理 用 户 注册 时 输入 的 用 户 名 ,密码 等 ,在 留言 板 中 的 留言 标 
题 .内容 .留言 人 等 信息 ,完成 这 些 工 作 都 要 用 到 字符 串 函 数 对 字符 串 截 头 去 尾 , 大 小 写 转 
换 , 等 等 。 常 用 字符 串 函 数 及 功能 如 表 9-5 所 示 。 


表 9-5 ”常用 字符 串 函 数 及 功能 


函数 语 法 功 能 
Len Len(string) 返回 string 字符 串 里 的 字符 数目 
Trim Trim(string) 将 字符 串 前 后 的 空格 去 掉 
Mid Mid(string, start ,length) 从 string 字符 串 的 start 字符 开始 取得 length 长 度 的 字 
符 串 ,如 果 省 略 第 3 个 参数 表示 取 从 start 字符 开始 到 字 
符 串 结尾 的 字符 串 
Left Left(string ,length) 从 string 字符 串 的 左边 取得 长 度 为 length 的 字符 串 
Right Right(string, length) 从 string 字符 串 的 右边 取得 长 度 为 length 的 字符 串 
LCase LCase(string) 将 string 字符 串 里 的 所 有 大 写字 母 转 化 为 小 写字 母 
UCase UCase(string) 将 string 字符 串 里 的 所 有 小 写字 母 转 化 为 大 写字 母 
StrComp StrComp(strl,str2) 返回 strl 字符 串 与 str2 字符 串 的 比较 结果 ,如 果 两 个 字 


符 串 相同 , 则 返回 0 


例 9. 11 

字符 串 函 数 的 应 用 实例 。 

【程序 代码 】 

< 
User name= Ucase ("zhaozuyin") ' 将 字符 串 转 换 成 大 写 
Char= Mid (User name,5,5) ' 取 字符 串 的 一 部 分 "ZYIN" 
User name= ICase (Char) " 将 字符 串 "zxTN 改 为 小 写 

要 > 

<$=User names > "显示 User name 的 内 容 

<$=chars > "显示 char 的 内 容 


4. 日 期 和 时 间 函 数 
在 网 站 的 某 些 页 面 上 经 常 需要 显示 来 访 者 访问 网 站 的 日 期 和 时 间 ,或 记载 留言 者 留 
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言 的 日 期 和 时 间 , 这 就 需要 在 代码 中 用 到 VBScript 的 日 期 和 时 间 函 数 。 常 用 的 日 期 和 时 
间 函 数 及 功能 如 表 9-6 所 示 。 


表 9-6 常用 的 日 期 和 时 间 函 数 及 功能 


加 数 语 法 功 能 
Now Now() 取得 系统 当前 的 日 期 和 时 间 
Date Date() 取得 系统 当前 的 日 期 
Time Time() 取得 系统 当前 的 时 间 
Month Month(date) 取得 date 给 定 日 期 的 月 份 
Day Day(date) 取得 date 给 定 日 期 是 几 号 
WeekDay WeekDay( date) 取得 date 给 定 日 期 是 星期 几 
Year Year(date) 取得 date 给 定 日 期 的 年 份 
DateDiff("Var" ,Varl,Var2) 计算 两 个 日 期 或 时 间 的 间隔 
DateDiff Var: 日 期 或 时 间 间 隔 因子 
Varl :第 一 个 日 期 或 时 间 
Var2 :第 二 个 日 期 或 时 间 ,应 该 比 Varl 晚 
DateAdd("Var" ,Varl ,Var2) 对 两 个 日 期 或 时 间作 加 法 
DateAdd Var: 日 期 或 时 间 间 隔 因子 
Varl :日 期 或 时 间 间 隔 倍数 
Var2 :日 期 或 时 间 的 基准 
FormatDateTime FormateDateTime(Date,vbShortDate) 显示 短 日 期 格式 
FormateDateTime(Date,vbLongDate) 显示 长 日 期 格式 
FormateDateTime( Time, vbShortTime) 显示 短 时 间 格 式 
FormateDateTime( Time, vbLongTime) 显示 长 时 间 格 式 
表 9-7 日 期 或 时 间 间 隔 因 子 
间隔 因子 Yyyy M D Ww H S 
说 明 年 月 日 星期 小 时 秒 
例 9. 12 


如 图 9-7 所 示 , 日 期 或 时 间 间 隔 因 子 的 用 法 举例 如 下 : 


DateDiff ("d", Date(),"9/ 10/ 2002") 
Datepcd (“wa", 2, Date () ) 


例 9. 13 


"返回 两 个 星期 后 的 今天 是 几 号 


日 期 和 时 间 函 数 的 应 用 实例 ,运行 结果 如 图 9-8 所 示 。 


【程序 代码 】 


<htm> 
< head> 


<title> 日 期 和 时 间 函 数 应 用 实例 < /title> 


< /head> 


<body bgcolor= 啡 99FFCC> 
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"返回 距离 2002 年 9 月 10 日 50 周 年 校庆 还 有 几 天 


Dim d(3),t 

d()=" 吟 天 的 日 期 : "gpate() 

dG)=" 吟 天 星期 几 : "aeekDay(date) 

qd(2)= 呆 周 以 后 是 几 号 ? "&Datenaa ("ww",2,Date()) 

d(3)= "到 2004 年 国庆 节 还 有 几 天 ? "gpateDiff ("qd",pate(),"10/1/2004") 
三 "前 的 时 间 : "gtime() 


Response.write t 
%$><br> '<pr> 为 回 车 
<$=d(0)$><br> "以 下 4 句 为 显示 数组 da 由) 的 内 容 


<$%=d(l)% ><br> 
<$%=d(2)% ><br> 
<$%=d(3)% ><br> 


< /pody> 
</htm> 
4 和 FE vd 吃 - 回 上田 同 | 和 来 甸 收 京 入 大 | 己 - 名 
[WCG) |[€] http://10.10.1.2/TMPp4iestjauun.asp 了 ] BBS 到 | | 链接 ” 
当前 的 时 间 ，20:04:00 
今天 的 日 期 : 2 
今天 星期 几 
两 周 稍 愉 有 是 呈 ? 2003-8-22 
到 2004 年 国庆 节 还 有 几 天 ? 420 
图 9-8 日 期 和 时 间 应 用 实例 
5. 检验 函数 


在 登录 某 些 网 站 的 聊天 室 、BBS 论坛 时 ,一 般 该 网 站 都 会 要 求 用 户 先 注册 ,填写 诸如 
用 名 密码 等 信息 ,这 些 信息 会 被 作为 字符 串 读 入 到 ASP 程序 中 ,而 且 在 多 数 情况 下 ,为 
了 预防 某 些 访问 者 填写 无 用 或 非法 信息 ,ASP 程序 必须 对 用 户 填 写 的 内 容 进 行 检验 ,如 
某 些 必 填 项 是 否 填写 了 ,输入 项 的 格式 是 否 正 确 , 等 等 ,此 时 ,就 会 用 到 检验 函数 ,常用 的 
检验 函数 如 表 9-8 所 示 。 
表 9-8 ”常用 检验 函数 及 功能 


函 数 功 能 
VarType(Variant) 检查 变量 Variant 的 值 ,函数 值 为 该 变量 的 数据 类 型 
IsEmpty( Variant) 检查 变量 Variant 的 值 ,如果 Variant 是 Empty, 则 函数 值 为 True 
IsNull(Variant) 检查 变量 Variant 的 值 , 如 果 Variant 是 Null, 则 函数 值 为 True 
IsObject( Variant) 检查 变量 Variant 的 值 , 如 果 Variant 是 对 象 类 型 , 则 函数 值 为 True 
IsNumeric( Variant) 检查 变量 Variant 的 值 ,如 果 Variant 是 数字 类 型 , 则 函数 值 为 True 
IsArray( Variant) 检查 变量 Variant 的 值 ,如 果 Variant 数组 类 型 , 则 函数 值 为 True 
IsDate( Variant) 检查 变量 Variant 的 值 ,如 果 Variant 是 日 期 类 型 , 则 函数 值 为 True 
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检验 函数 一 般 常常 会 和 条 件 语 句 结合 起 来 应 用 ,应 用 实例 在 9. 3. 8 节 VBScript 的 条 
件 语句 中 再 作 叙 述 。 


6. 常用 的 数学 函数 


常用 的 数学 函数 一 般 常 常会 和 条 件 、 循 环 语句 结合 起 来 应 用 ,如 表 9-9 所 示 , 应 用 实 
例 在 9. 3. 9 节 VBScript 的 循环 语句 中 再 作 氢 述 。 


表 9-9 常用 的 数学 函数 及 功能 


函 数 语 法 功 能 
Abs Abs(number) 返回 number 的 绝对 值 
Sqr Sqr(number) 返回 number 的 平方 根 
Int Int(number) 返回 不 大 于 number 的 最 大 的 整数 
Cos Cos(number) 返回 number 的 余弦 值 
Sin Sin(number) 返回 number 的 正弦 值 
Log LogCnumber) 返回 number 的 对 数值 
Tan Tan(number) 返回 number 的 正切 值 
Rnd Rnd() 返回 一 个 0 一 1 之 间 的 随机 数 


9.3.7 VBScript 的 过 程 


过 程 是 一 组 能 执行 指定 任务 且 具 有 返回 值 的 脚本 命令 。 为 了 使 程序 可 重复 利用 和 简 
洁 明 了 ,在 脚本 中 可 以 反复 用 过 程 的 名 字 来 调用 它们 。 过 程 有 两 种 ,一 种 是 Sub 子 程 序 ， 
一 种 是 Function 函数 。 与 许多 高 级 语言 相同 ,两 者 的 区 别 在 于 : Sub 子 程序 只 执行 程序 
而 不 返回 值 , 而 Function 函数 可 以 将 执行 代码 后 的 结果 返回 给 请 求 程序 。 

子 程序 的 命名 规则 与 变量 名 的 命名 规则 相同 。 过 程 定义 可 出 现在 二 Script 之 和 
去 /Script 二 标记 内 部 且 必 须 遵 循 声明 脚本 语言 的 规则 。 用 HTML 达 Script 二 标记 时 , 必 
须 使 用 两 个 属性 来 保证 服务 器 端 能 够 处 理 脚本 。 

使 用 二 Script 二 标记 的 语法 如 下 


< Script Runat= "SERVER" LANGURGP= "VBScript"> 
过 程 的 内 容 
</ Script > 


这 里 的 Runat 二 SERVER 属性 通知 Web 服务 器 在 服务 器 上 处 理 脚本 。 若 不 设置 该 
属性 ,脚本 将 由 客户 端 浏 览 器 处 理 。LANGUAGE 属性 决定 此 脚本 块 所 用 的 脚本 语言 。 

除了 到 Script Runat 二 "Server" 这 和 过 / Script 二 外 ,服务 器 端 脚本 也 可 以 用 一 对 
二 % 和 % 二 来 括 起 来 ,Dreamweaver 8 采用 的 是 后 一 种 方式 。 


1. Sub 子 程序 
Sub 子 程序 的 语法 如 下 : 
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Sub 子 程序 名 运 数 1 参数 2…) 


End Sub 
或 
Sub 子 程序 名 () 


End Sub 


其 中 ,参数 1, 参 数 2,…”" 是 指 由 调用 过 程 传递 的 常数 .变量 或 表达 式 。 利 用 这 些 参数 可 
以 传递 数据 。 如 果 Sub 过 程 无 任何 参数 , 则 Sub 语句 必须 使 用 空 括号 。 

Sub 过 程 的 调用 有 两 种 方式 。 

(1) 使 用 Call 语句 : 

call 子 程序 名 蝴 数 1 参数 2,…) 

(2) 不 使 用 Call 语句 : 

子 程序 名 参数 1 参数 2,… 

例 9. 14 

显示 欢迎 某 用 户 光 临 电子 商务 网 站 的 信息 ,并 显示 访问 的 日 期 和 时 间 , 如 图 9-9 所 
示 , 其 编程 说 明 如 下 


] 呈 R “二 国 四 全 | 和 内 甸 收 训 地 大 | 已 驴 
| 三 证 加 [| 轿 ntp:Wio.10.1.21TMplzvafps7jasp 了 ] 人 S 到 | | 链接 


探访 者 :您 好 ， 欢 迎 您 访问 本 网 站 ! 
日 期 与 时 间 ，2007-8-8 6:09:22 


图 9-9 ”Sub 子 程序 运行 结果 


程序 中 的 User_name 是 实际 参数 ,而 子 程序 中 的 name 是 形式 参数 , 实 参 和 形 参 可 以 
同名 ,也 可 以 不 同名 。 程 序 中 的 User_name 是 实际 参数 已 经 作 了 声明 , 子 程序 中 的 形式 
参数 name 不 能 再 作 声 明 。 子 程序 中 用 到 的 Response. Write char3 语句 是 输出 变量 
的 值 。 

【程序 代码 】 


<htm> 
<head> 

<title> sub 子 程序 应 用 实例 </title > 
</head> 
<body> 

< 
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Dim User name, output "声明 一 个 变量 作为 实 参 
USer name= "探访 者 " 
Call WElcome (User name) "调用 子 程序 ,显示 欢迎 信息 
cutput=" 虽 期 与 时 间 : "gNow() 
"下 面 是 子 程序 ,用 来 显示 欢迎 用 户 的 信息 
Sub Welcare name) 
Dim char3 ' 不 能 再 声明 nare 了 
char3- name&": 您 好 ,欢迎 光临 本 网 站 !" 
Response.Write char3 "显示 char3 的 值 
End Sib 
%><br> 
<$=outputs > "显示 output 的 值 
</body> 
<html> 


2. Function 函数 


Function 函数 的 语法 如 下 : 


Function 函数 名 挫 数 1 参数 2…) 


End Function 


时 


Function 函数 名 () 


End Fnction 

Function 函数 中 的 参数 1 ,参数 2,… 是 指 由 调用 过 程 传递 的 常数 .变量 或 表达 式 。 若 
Function 函数 无 任何 参数 , 则 Function 函数 必须 使 用 空 括号 。 与 Sub 子 程序 不 同 的 是 
Function 函数 通过 函数 名 返回 一 个 值 ,这 个 值 是 在 过 程 的 语句 中 赋值 给 函数 名 的 ， 
Function 函数 返回 值 的 数据 类 型 是 Variant。 

Function 过 程 调用 方式 是 直接 引用 函数 名 .实现 函数 的 调用 ,而 且 函 数 名 必须 用 在 
变量 赋值 语句 的 右边 或 表达 式 中 。 

例 9.15 

已 知 三 角形 三 条 边 a、.b、c, 求 三 角形 面积 ,其 编程 说 明 如 下 : 

本 题 是 用 海伦 公式 求 三 角形 面积 。Function 过 程 中 的 a、b、c 为 形式 参数 ,其 值 由 实 
际 参数 给 出 ,在 过 程 中 不 能 再 定义 。 过 程 中 的 sl 是 局 部 变量 ,可 声明 后 使 用 。 因 为 
VBScript 对 变量 可 不 声明 就 使 用 , 故 局 部 变量 sl 不 声明 程序 也 能 调试 通过 。 

【程序 代码 】 


<htm> 
<head> 
<title> Function 函数 应 用 实例 < /title> 
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< [head> 
<body> 
< 
"以 下 是 计算 三 角形 面积 的 过 程 
Euncticn s (ab,c) 
dim sl 
sl= (atbrc)/2 
sqr(sl* (sl- a)* (sl- b)* (sl- ©)) 
End Function 
Dim Result 
Result= s(3,4,5) 
Response.Write "三 角形 面积 等 于 "gcstr (result) 
> 
< /body> 
< /htm> 


9.3.8 VBScript 的 条 件 语 句 


一 个 网 站 必须 要 有 对 用 户 输入 的 信息 进行 判断 的 程序 ,如 用 户 注册 登录 时 ,判断 用 户 
填写 的 信息 是 否 齐 全 ,密码 是 否 正确 等 ,此 时 就 需要 用 条 件 语句 来 完成 判别 工作 。 
在 VBScript 中 的 条 件 控 制 语句 有 4 种 形式 。 
1.If…Then…End if 语句 
格式 1: 
If 条 件 语 句 Then 
语句 组 
End if 
功能 : 若 条 件 语句 为 True, 则 执行 下 面 的 语句 ,否则 跳出 该 条 件 语句 。 
2. If…Then…Else…End if 语句 
格式 2: 
If 条 件 语句 Then 
语句 组 1 
Else 
语句 组 2 
End if 
功能 : 若 条 件 语句 为 True, 则 执行 下 面 的 语句 组 1 ,否则 执行 语句 组 2。 
3. If…Then*…Else 语句 可 以 按照 需要 进行 垦 套 使 用 


格式 3: 
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焉 条件 语 句 1 Then 
语句 组 1 

了 lse 于 条 件 语句 2 Then 
语句 组 2 


语句 组 nr1 
End if 
功能 : 若 条 件 语句 1 为 True, 则 执行 下 面 的 语句 组 1, 然 后 跳出 下 语句 ;否则 , 若 条 件 
语句 组 2 为 True, 则 执行 下 面 的 语句 2, 然 后 跳出 【语句 ;… ; 若 条 件 都 不 符合 ,执行 语句 
组 n 十 1。 


4. Select Case 结构 


Select Case 结构 提供 了 I{…Then…Else If 结构 的 一 个 变通 形式 ,可 以 从 多 个 语句 块 
中 选择 执行 其 中 的 一 个 。Select Case 语句 提供 的 功能 与 ff…Then…Else 语句 类 似 , 但 是 
可 以 使 代码 更 加 简练 易 读 。 
格式 4: 
Select Case 表达 式 
Case 结果 1 
语句 1 


语句 nt1 

End Select 

功能 : 先 对 表达 式 进行 运算 ,这 个 运算 可 以 是 数学 运算 或 字符 串 运 算 。 然 后 将 运算 
结果 依次 与 结果 1 到 结果 n 比较 , 当 找 到 与 计算 结果 相等 的 结果 i 时 就 执行 语句 i, 执行 
完毕 就 跳出 Select Case 判别 语句 。 当 运算 结果 与 所 有 的 结果 都 不 相等 时 ,就 执行 Case 
Else 后 面 的 语句 n 十 1, 然 后 跳出 Select Case 判别 语句 。 

例 9. 16 
2XX 十 115， X 之 50 


人 es X<50 
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【程序 代码 】 


<htm> 
<head> 
<title> 求 分 段 函数 的 应 用 实例 < /title> 
< /head> 
< body bgcolor= 啡 99FFCC"> 
< 和 
Dimx,y 
x Int (Rnd() * 100) 
if x> =50 then 
2*x+15 
Response.Write " 当 汪 "gCStr(x)&" 时 ,函数 值 二 "gcstr(y) 
else 
六 2xX 19 
Response.Write " 当 汪 "gCstr(x)&'" 时 ,函数 值 二 "gcstr(y) 
End if 
> 
< /pody> 
</htm> 


9.3.9 VBScript 的 循环 语句 


VBScript 的 循环 语句 常用 于 重复 执行 一 组 语句 ,例如 , 求 累加 或 阶乘 ,或 重复 从 数据 
库 中 一 次 读 出 或 写 入 多 条 记录 。VBScript 中 的 循环 语句 有 4 种 常见 的 形式 。 


1.。For… Next 循环 语句 


For… Next 循环 语句 是 一 种 强制 型 循环 语句 ,其 格式 与 功能 如 下 所 述 。 

格式 : 

For 循环 变量 = 初 值 ”To 循环 终 值 [Step 步 长 ] 

语句 组 

Next 

功能 : 循环 执行 的 次 数 是 由 循环 变量 、 循 环 终 值 和 步 长 决定 ,循环 变量 在 循环 体 中 增 
加 或 减少 ,每 次 执行 循环 体 中 的 语句 后 ,循环 变量 的 值 便 与 循环 终 值 比较 , 当 循环 变量 的 
值 大 于 或 小 于 循环 终 值 便 退出 循环 ,否则 继续 执行 循环 体 中 的 语句 。 

Step 步 长 是 可 选 参数 , 步 长 可 以 为 正 ` 负 整数 和 小 数 ,默认 时 步 长 为 1。 

例 9. 17 

产生 10 个 随机 数 , 取 整 后 判别 其 奇偶 性 。 

【程序 代码 】 


<html> 
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<head> 
<title> 判 别 随机 数 的 奇偶 性 的 应 用 实例 < /title> 


< /head> 
<body bgcolor= 只 99FFCC"> "设置 背景 颜色 
< 
Dim Nm 
for i=1 to 10 
Nm Int (Rod() * 10000) "得 到 随机 数 
证 Nam2- Int Nu2) then 5 浏 别 Nm 的 奇偶 性 
Fesponse Write "产生 的 随机 数 是 偶数 "&cstr Quam 
else 
Response.Write "产生 的 随机 数 是 奇数 "&cstr um 
End if 
next 
和 > 
< /pody> 
< /html> 


2. Do…Loop 循环 语句 


Do…Loop 循环 语句 是 一 种 条 件 型 循环 语句 , 当 (或 直到 ) 条 件 为 True 之 前 重复 执行 
循环 语句 组 。 
格式 : 
Do While 条 件 1 
执行 语句 组 
Ioop 
功能 : 这 是 条 件 人 口 型 循环 , 当 条 件 1 为 True 时 ,进入 循环 执行 语句 ,然后 执行 
Loop 语句 转 到 循环 入 口 判别 条 件 ; 当 条 件 1 为 False 时 ,跳出 循环 。 
格式 : 
Do 
执行 语句 组 
Ioop While 条 件 2 
功能 : 这 是 条 件 出 口 型 循环 ,先是 无 条 件 的 进入 循环 中 执行 一 次 之 后 ,在 判别 条 件 2 
是 否 为 True, 如 果 为 True 时 ,进入 循环 执行 语句 ,否则 跳出 循环 。 
格式 : 
Do Until 条 件 3 
执行 语句 组 
Ioop 
功能 : 这 也 是 条 件 入 口 型 循环 ,重复 执行 循环 执行 语句 ,直到 条 件 3 为 True 时 跳出 
循环 。 
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格式 : 


Do 
执行 语句 组 
Ioop Until 条 件 4 
功能 : 这 也 是 条 件 出 口 型 循环 ,重复 执行 循环 执行 语句 ,直到 条 件 4 为 True 时 跳出 
循环 。 


3. While… Wend 循环 语句 


While…Wend 循环 语句 是 另 一 种 形式 的 循环 语句 ,其 功能 与 Do…Loop 语句 的 功能 
相似 。 
格式 : 


while 条 件 
执行 语句 
Wend 


功能 : 当 条 件 为 True 时 ,循环 体 中 的 语句 才 会 被 执行 ,直到 条 件 为 False 时 ,跳出 
循环 。 

例 9. 18 

求 0 一 100 之 间 奇 数 之 和 。 

【程序 代码 】 


<html> 
<head> 
<title> 求 0~100 之 间 奇 数 之 和 的 应 用 实例 一 < /title> 
< /head> 
<body bgcolor= 啡 99FFCC"> 
< 
Dimx,y 
到 0 
for =1 to 100 将 步 长 设 为 2, 可 不 用 条 件 语句 
if int (x/2)< > x/2 then 
FY¥x 
End if 
next 
Response.Write "0~100 之 间 奇 数 之 和 等 于 "gcstr (y) 
当 > 
< /body> 
< /html> 


【程序 代码 】 


<html> 
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<head> 
<title> 求 0~100 之 间 奇 数 之 和 的 应 用 实例 二 < /title> 
< /head> 
< body bgcolor= 啡 99FFCC> 
< 
Dimx,y 
二 1 
天 0 
Do While x< 100 
YX 
Xt2 
1loop 
Response.Write "0~100 之 间 奇 数 之 和 等 于 "gcstr(y) 
务 > 
< /body> 
</hbm> 


请 考虑 一 下 ,这 道 题 用 Do…Loop 循环 语句 的 其 他 格式 ,程序 代码 是 怎样 的 ? 
【程序 代码 】 


<htm> 
<head> 
<title> 求 0~100 之 间 奇 数 之 和 的 应 用 实例 三 < /title> 
< /head> 
< body bgcolor= 啡 99FFCC"> 
< 
Dimx,y 
1 
六 0 
While x< 100 
EEytx 
汪 x+2 
Wend 
Response.Write "0~100 之 间 奇 数 之 和 等 于 "gcstr(y) 
$$> 
< /body> 
< /htm> 


例 9.19 

求 S=11 十 2! 十 31 十 … 十 101 

以 下 给 出 了 这 道 题 的 两 种 解法 ,仔细 体会 一 下 双重 循环 结构 的 用 法 。 
【程序 代码 】 


<htm> 
<head> 
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<title> 求 阶乘 和 累加 的 循环 应 用 实例 一 < /title> 
< /head> 
<body bgcolor= 啡 99FFCC> 


< 


< /body> 
< /html> 


【程序 代码 】 


<htm> 
<head> 
<title> 求 阶乘 和 累加 的 循环 应 用 实例 二 < /title> 
</head> 
< body bgcolor= 啡 99FFCC"> 
< 
==0 
七 1 
for i=1 to 10 
tI*t 
stt 
next 
Response.write s 
多 > 
< /body> 
< /htm> 


4. For Each…In…Next 循环 语句 


这 种 循环 方式 比较 特别 ,假如 有 一 个 集合 或 数组 ,这 个 循环 就 对 集合 或 数组 中 的 每 一 
个 元 素 执行 一 次 循环 体 中 的 语句 ,这 种 功能 在 实际 应 用 中 是 非常 有 用 的 。 

格式 : 

For Each 元素 集合 或 数组 名 


语句 组 
Next 
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功能 : 

如 果 集 合 或 数组 中 至 少 有 一 个 元 素 , 就 会 进入 For Each 循环 体 中 执行 语句 。 一 旦 进 
入 循环 , 便 首 先 对 集合 或 数组 中 第 一 个 元 素 执行 循环 中 的 所 有 语句 。 只 要 集合 或 数组 中 
还 有 其 他 的 元 素 , 就 会 对 每 个 元 素 执行 循环 体 中 的 语句 。 当 集合 或 数组 中 没有 其 他 元 素 
时 退出 循环 语句 ,执行 下 面 的 语句 。 

例 9. 20 

累加 数组 中 的 数 ,然后 输出 结果 。 

【程序 代码 】 


<html> 
<head> 
<title> 循 环 语句 应 用 实例 < /title> 
< /head> 
< body bgcolor= "#99FFOC"> 
< 
Dima() 
Redim a(2) 
a(0)=1 
al(l)=5 
a(2)=100 
for each i in a 
汪 Xti 
next 
$$> 
< 当 = 效 > 
< /body> 
</html> 


上 述 程序 代码 中 的 数组 如 果 是 一 个 变 长 度数 组 ,不管 数组 中 有 多 少 个 元 素 ,都 不 会 影 
响 循环 语句 执行 ,这 种 循环 语句 给 编程 带 来 方便 ,可 以 提高 程序 的 通用 性 。 上 述 程序 的 累 
加 结果 是 106 。 


5. 强行 退出 循环 语句 


在 一 般 情况 下 ,都 是 根据 条 件 判断 推出 循环 , 若 根 据 需 要 要 强行 退出 循环 体 , 在 
For…Next 循 环 结构 中 可 用 语句 Exit For 来 完成 此 项 功能 ,在 Do…Loop 循环 结构 中 可 
用 语句 Exit Do 来 完成 此 项 功能 。 

例 9. 21 

<% 

Snmc0 

NF 10000 

For 汪 1 TON 
SF Sm X 
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I Sum> 10000 Then 哮 sm 大 于 10000, 则 强行 退出 循环 


第 入 


9.4 ASP 应 用 服务 器 技术 基础 


目前 动态 网 页 开发 的 主流 技术 是 ASP、JSP 和 PHP, 这 三 者 各 有 所 长 。 它 们 都 需要 
把 脚本 语言 嵌入 到 HTML 文档 中 ,这 三 者 不 同 之 处 在 于 ,ASP 学 习 简 单 , 使 用 方便 ;PHP 
软件 免费 ,运行 成 本 较 低 ;JSP 多 平台 支持 ,转换 方便 。 

Dreamweaver 最 出 色 的 地 方 在 于 其 具备 动态 网 页 服务 器 端的 可 视 化 设置 功能 ,同时 
对 各 类 网 络 平 台 与 服务 器 语言 提供 足够 的 支持 ,可 支持 所 有 主流 的 应 用 服务 器 技术 ,包括 
ColdFusion、ASP、ASP. NET、JSP 和 PHP ,使 得 在 一 个 开发 环境 上 开发 集成 多 种 类 型 
的 站 点 和 后 端 技术 成 为 可 能 。 

ASP 是 一 种 基于 脚本 语言 的 应 用 服务 器 技术 ,ASP 的 网 页 页 面 以 . asp 为 文件 后 缀 
名 。 网 页 设计 者 只 要 将 一 些 VBScript 代码 嵌入 到 HTML 文件 中 ,就 能 实现 动态 网 页 的 
功能 ,而 不 必 再 学 习 完 整 的 编程 语言 或 者 单独 编译 程序 来 创建 交互 式 网 页 。 

本 书 以 ASP 技术 为 主 ,讲解 Dreamweaver 8 下 的 Web 应 用 程序 开发 。 


9.4.1 ASP 内 置 对 象 的 介绍 


ASP 提供 了 内 置 对 象 和 大 量 可 安装 的 ActiveX 组 件 , 这 些 对 象 和 组 件 都 可 以 用 来 拓 
展 ASP 的 功能 。 对 象 一 般 有 方法 、 属 性 、 集 合 和 事件 。 其 中 ,方法 决定 了 可 以 用 这 个 对 象 
做 什么 事情 ;属性 可 以 读 取 对 象 的 状态 或 者 设置 对 象 的 状态 ;集合 是 由 很 多 不 同 的 与 对 象 
有 关系 的 键 和 值 配对 组 成 的 。 

对 象 是 ASP 最 重要 的 核心 ,ASP 提供 了 几 个 重要 的 内 置 对 象 , 通 过 这 些 对 象 成 员 可 
以 完成 服务 器 与 客户 端 之 间 的 请 求 与 响应 ,以 下 简要 说 明 一 些 常 用 的 ASP 对 象 。 


9.4.2 ” Request 对 象 


在 网 站 应 用 过 程 中 ,服务 器 和 客户 端 信息 交流 是 最 常见 的 。 而 事实 上 ,如 留言 板 、 
BBS 论坛 .网 上 商店 等 都 经 常 需要 从 客户 端 获得 用 户 输入 的 信息 (比如 用 户 的 注册 、 客 户 
的 订单 等 ) ,客户 端 通过 浏览 器 在 表单 里 输入 信息 后 ,怎样 才能 传 到 服务 器 的 数据 库 里 保 
存 呢 ? 过 去 采用 CGI 处 理 ,很 麻烦 。 而 ASP 提供 了 一 个 非常 简单 好 用 的 内 部 对 象 
Request, 利 用 这 个 对 象 就 可 以 使 服务 器 轻松 地 取得 客户 端的 信息 。 

使 用 Request 对 象 可 以 访问 任何 用 HTTP 请 求 传递 的 信息 ,典型 的 信息 是 从 
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HTML 表单 中 用 POST 方法 或 GET 方法 传递 的 。Request 对 象 还 能 够 访问 发 送 给 服务 
器 的 二 进 制 数据 ,如 上 传 的 文件 。 


Request 的 语法 结构 如 下 : 
Request[. 集合 | 属性 | 方法 ]( 变 量 ) 
Request 对 象 包含 3 类 成 员 , 分 别 为 集合 .属性 和 方法 ,其 中 集合 包含 了 客户 端的 数 


据 内 容 , 如 表 9-10 所 示 是 Request 对 象 的 集合 成 员 。Request 对 象 的 属性 和 方法 各 有 一 
个 ,在 ASP 网 页 中 很 少 使 用 ,所 以 这 里 不 再 针对 其 作 说 明 。 


表 9-10 ”Request 对 象 的 集合 成 员 


集 个 说 明 
Cookies 传送 至 服务 器 端的 所 有 Cookie 对 象 的 集合 
Form 当 志 form 盖 标签 的 方法 设 为 Post 时 ,表单 所 有 字段 值 的 集合 对 象 
QueryString 当 二 form 二 标签 的 方法 设 为 Get 时 ,表单 所 有 字段 值 的 集合 对 象 ,由 合并 在 url 


网 址 列 字符 串 后 面 的 “ 键 | 值 ? 对 所 组 成 


Server Variables ”客户 端 对 服务 器 提出 需求 ,同时 传送 至 服务 器 的 HTTP 标题 与 服务 器 等 数据 


在 本 节 中 将 介绍 最 常用 的 获取 方法 : Form 获取 方法 和 QueryString 获取 方法 。 
1， Form 获取 方法 

语法 : 

Request .获取 方法 (变量 ) 

例 9. 22 


<% 
strUserName= Recquest.Forn(" user name") "获取 表单 中 的 用 户 名 
名 > 


在 登录 到 一 个 商务 网 站 时 经 常会 碰 到 要 求 填写 用 户 名 密码 等 一 些 信息 ,这 其 实 就 是 


用 HTML 提供 的 FORM 表单 实现 的 。 填 写 完 毕 后 , 单 击 【确定 了 或 【提交 按钮 就 可 以 将 
输入 的 信息 传送 到 服务 器 上 ,然后 可 以 调用 相应 的 程序 来 处 理 那 些 信息 。 
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在 HTML 中 完整 的 FORM 语法 如 下 : 


< form action= 处 理 程序 的 网 址 
method= get | post 
name= 该 FORM 表 单 的 名 称 
enctype= 数 据 传送 ME 类 型 
cnreset= 按 下 reset 按 钮 所 调用 的 程序 
cnsutmit= 按 下 sutmit 按 钮 所 调用 的 程序 
target= 输 出 窗口 或 分 页 名 称 > 


fom 元 素 
</ fom> 
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FORM 的 语法 虽然 很 复杂 ,但 最 常用 的 也 就 是 action .method 和 name。 在 ASP 中 
获取 FORM 表单 中 的 信息 就 是 用 Form 获取 方法 来 实现 的 。 

在 用 Form 获取 方法 获取 信息 时 ,method 方法 一 定 要 用 post, 也 可 以 不 写 , 不 写 时 则 
默认 为 post。FORM 表单 和 Form 获取 方法 的 区 别 : 前 者 是 HTML 提供 的 表单 ,并 是 不 
属于 ASP 的 ,后 者 是 特 指 ASP 的 Request 对 象 获取 信息 的 一 种 方法 。 两 者 的 关系 就 是 
ASP 用 Form 获取 方法 来 获取 FORM 表单 中 的 信息 。 


2. QueryString 获取 方法 


从 一 个 网 页 向 另 一 个 网 页 传递 信息 时 ,可 以 利用 Form 获取 方法 获取 表单 的 信息 ,还 
可 以 利用 QueryString 获取 方法 取 回 标识 在 URL 后 面 所 有 返回 的 变量 及 其 值 。 

例 9.23 

当 客户 端 送出 如 下 请 求 时 Request. QueryString 将 会 得 到 name 和 gender 两 个 变量 
的 值 。 


<a href= "sucoess.asp? nare= 卓 群 sgender= 男 必 


URL 用 ?分 隔 网 址 和 信息 串 , 用 & 连接 各 参数 。 其 中 name 和 gender 是 表单 元 素 或 
变量 的 名 字 。 


9.4.3 Response 对 象 


在 Dreamweaver 8 中 制作 输出 信息 的 静态 网 页 已 经 是 很 容易 的 事 了 ,而 ASP 是 要 生 
成 动态 网 页 ,要 根据 客户 端的 不 同 请 求 输出 相应 的 信息 ,这 就 要 靠 Response 对 象 来 完成 
向 客户 端 输出 信息 的 功能 。 在 前 面 9. 3 节 中 已 经 在 用 Response 对 象 输出 动态 网 页 的 信 
息 。 下 面 再 对 Response 对 象 作 些 解 释 。 

Response 对 象 用 来 控制 送出 给 客户 端的 信息 的 常用 方法 和 属性 如 表 9-11 所 示 。 


表 9-11 Response 对 象 的 常用 方法 和 属性 


对 象 成 员 说 明 

Write 直接 送出 信息 给 客户 端 

Redirect 重新 定位 客户 端 至 另 一 个 URL 位 置 上 去 
方法 Cookies 设置 Cookies 值 

Clear 清除 在 缓冲 区 的 HTML 输出 数据 

End 停止 处 理 任 何 ASP 文件 ,并 返回 当时 的 状况 

Buffer 设置 为 缓冲 信息 

ContentType 控制 送出 的 文件 类 型 
人 Expires 设置 页 面 保存 在 客户 端 浏 览 器 上 的 时 间 

ExpiresAbsolute 刷新 被 缓存 页 面 的 具体 时 间 和 日 期 
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在 本 节 中 只 介绍 最 常用 的 Write 和 Redirect 方法 。 

在 Response 对 象 中 ,Write 方 法 可 以 说 是 最 普遍 、 最 常用 的 方法 , 它 可 以 把 信息 从 服 
务 器 端 直接 送 到 客户 端 ,实际 上 就 是 在 客户 端 动态 显示 信息 。 

@ <s= 变 量 数据 或 字符 串 s> 

例 9. 24 


< 
Response.Write user nameg" 您 好 ,网 上 书店 欢迎 您 !" 
> 


上 面 程 序 中 的 user_name 是 一 个 变量 ,表示 用 户 名 。 

前 面 一 节 中 的 例子 里 还 用 到 类 似 于 二 %= 二 user_ name% 记 的 输出 信息 用 法 ,其 实 这 
是 Write 方 法 的 省 略 用 法 。 

例如 : 


<$=user nameg" 您 好 ,网 上 书店 欢迎 您 !1 鸣 > 


在 浏览 网 站 时 , 当 用 户 单 击 某 超 级 链接 时 可 以 从 一 个 页 面 转 到 另 一 个 页 面 , 可 是 有 时 
也 希望 能 自动 引导 用 户 到 另 一 个 页 面 ,例如 : 进行 网 上 考试 时 , 当 考 试 结束 时 间 到 了 , 自 
动 引导 用 户 到 另 一 个 页 面 。 

例 9. 25 


< 

Response.Redirect "http://www.anline.sh.an" 

Response.Redirect "mairmenu.asp" 

theURIF "http: /ww.ecupl -edi.an" 

Response Redirect theURL 

各 > 

注意 

Response. Redirect 的 用 法 较 简单 ,一 般 情况 下 Response. Redirect 语句 应 该 放 在 
ASP 文件 的 开头 。 若 希望 将 该 语句 放 在 ASP 文件 的 任意 地 方 使 用 ,就 必须 在 ASP 文件 
的 开头 加 上 二 % Response. Buffer 二 True% 记 这 身 话 。 

服务 器 与 客户 端 之 间 的 沟通 完全 依靠 Request 和 Response 这 2 个 对 象 作 连接 。 


9.4.4 Application 对 象 

使 用 Application 对 象 可 以 使 所 有 用 户 一 起 使 用 该 对 象 ,达到 共享 信息 的 目的 。 最 典 
型 的 是 聊天 室 ,大 家 的 发 言 都 存放 到 一 个 Application 对 象 中 ,彼此 就 可 以 看 到 发 言 的 内 
容 了 。 也 就 是 说 ,如 果 用 户 A 和 用 户 B 同时 访问 给 定 的 Web 应 用 ,他 们 访问 到 的 
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Application 对 象 的 内 容 完全 一 致 。Application 对 象 没 有 有 效 期 限制 ,直到 应 用 程序 停止 
前 它 是 一 直 存 在 的 。 

基于 ASP 的 应 用 程序 同 所 有 的 . asp 文件 一 样 是 在 一 个 虚拟 目录 及 其 子 目录 中 定义 
的 。 因 此 多 个 用 户 可 以 共享 Application 对 象 ,所 以 必须 要 用 Lock 和 Unlock 方法 以 确 
保 多 个 用 户 无 法 同时 改变 某 一 属性 。 

如 果 设 计 者 不 熟悉 编程 ,可 以 把 Application 对 象 看 做 一 个 应 用 程序 的 数据 共享 的 一 
个 级 别 ,在 整个 应 用 程序 中 的 所 有 页 面 有 效 且 对 所 有 访问 该 应 用 程序 的 用 户 都 有 效 。 

ASP 的 内 建 对 象 Application 对 象 的 集合 .方法 和 事件 如 表 9-12 所 示 。 


表 9-12 Application 对 象 成 员 


对 象 成 员 说 明 

二 Contents 存储 Application 对 象 变量 值 
StaticObjects 存储 Application 对 象 二 Object 二 变量 
Contents. Remove( val Name) 移 走 Contents 集合 中 的 特定 元 素 

_ Contents. RemoveAll 移 走 Contents 集合 中 的 所 有 元 素 

ts Lock() 锁定 Application 对 象 存 取 
Unlock() 释放 被 锁定 的 Application 对 象 
OnStart ASP 应 用 程序 第 一 次 启动 时 被 触发 

Wi OnEnd ASP 应 用 程序 结束 时 被 触发 

语法 : 

AFplication("Application 名 字 ")= 变量 或 字符 串 信息 

例 9. 26 

< 


PREPlication.lock 

PEPlication (pronmciaticn)= "电子 商务 网 站 欢迎 您 !" ' 将 信息 加 到 application 中 
PEPlication.Unlock 

务 > 


9.4.5 Session 对象 


在 WWW 页 面 中 ,利用 超级 链接 可 以 很 方便 地 从 一 个 页 面 转 到 另 一 个 页 面 。 但 是 ， 
这 样 便 会 带 来 一 个 问题 ,怎样 记载 客户 的 信息 呢 ? 如 果 在 首页 客户 输入 了 自己 的 用 户 各 
和 密码 ,在 其 他 页 面 还 需要 使 用 该 用 户 名 ,那么 用 什么 记 住 用 户 名 信息 呢 ? 

Session 对 象 可 以 存储 每 一 位 用 户 客户 端的 信息 。 当 用 户 在 网 页 与 网 页 之 间 跳 转 时 ， 
存储 在 Session 对 象 中 的 信息 一 般 不 会 丢失 。ASP 服务 器 系统 默认 的 信息 保留 时 间 一 般 
为 20 分 钟 ,如 果 客 户 端 超出 20 分 钟 不 再 向 服务 器 提出 请 求 或 刷新 Web 页 面 , 该 Session 


第 9 章 ”Web 应 用 程序 概述 一 一 一 一 一 一 一 一 169 


信息 就 会 自动 结束 。 

但 是 与 Application 对 象 存储 的 信息 不 同 ,Session 对 象 存储 的 信息 只 对 单个 用 户 有 
效 , 与 用 户 一 一 对 应 。 用 户 A 的 session 对 象 和 用 户 B 的 session 对 象 不 一 样 ,因此 存储 
的 信息 也 不 同 。 

当 用 户 请 求 来 自 应 用 程序 的 Web 页 时 ,如 果 该 用 户 还 没有 会 话 , 则 Web 服务 器 将 自 
动 创建 一 个 Session 对 象 ,Session 对 象 有 它 的 有 效 期 , 当 会 话 过 期 或 被 放弃 后 ,服务 器 将 
终止 该 会 话 。 在 Web 服务 器 中 可 以 设置 会 话 过 期 的 时 限 ,没有 收 到 来 自用 户 的 请 求 超过 
一 定时 限 后 ,服务 器 将 终止 与 该 用 户 的 会 话 ,Session 对 象 中 的 所 有 变量 随 之 释放 。 

Session 对 象 的 集合 、 属 性 .方法 和 事件 如 表 9-13 所 示 。 


表 9-13 Session 对 象 成 员 


对 象 成 员 说 明 

网 Contents 存储 Session 对 象 变量 值 
StaticObjects 存储 Session 对 象 一 Object 二 变量 
Contents. Remove(valName) 移 走 Session 集合 中 的 特定 元 素 

方法 Contents. RemoveAll 移 走 Session 集合 中 的 所 有 元 素 
Abandon() 结束 当前 的 Session ,创建 一 个 新 的 Session 
OnStart 一 个 新 用 户 联机 进来 时 被 触发 

全 人 OnEnd 一 个 用 户 结束 联机 时 被 触发 
CodePage 设 定 网 页 所 使 用 的 字符 编号 
LCID 存 取 网 页 设 定 的 区 域 识 别 

多 六 SessionID 表示 一 个 特定 用 户 唯 一 Session 识别 的 ID 
TimeOut 设 定 Session 对 象 的 存活 时 间 


在 本 节 中 主要 介绍 利用 Session 存储 信息 和 Timeout、Abandon 的 使 用 。 

语法 : 

Session ("session 名字 "= 变量 或 字符 串 信 息 

例 9. 27 

下 面 是 一 个 关于 用 法 的 例子 ,在 input. asp 中 给 Session 赋值 , 当 单 击 超级 链接 “显示 
欢迎 信息 ” 转 到 success. asp ,并 显示 Session 中 的 信息 。 

【程序 代码 】 


<html> 
<head> 
<title> Session 用 法 举例 </title> 
</head> 
<body> 
< 


170 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


Dim use name, sex,age 


User_name= " 嘲 群 " 字符 串 直 接 赋 值 给 变量 
Se" 嚼 " 
Session(" name")= User name "给 session 赋值 


Seasion ("age")=age 
Fesponse Write"<a href= 'sucoess.asp'> 显 示 欢 迎 信 息 < /a>" 
务 > 

< /body> 

< /html> 


success. asp 的 代码 


<htm> 
<head> 
<title> 显 示 session 中 的 信息 </title> 
</head> 
< body> 
< 
Dimx 
= Session (" name") 
Response.Write Xxg" 您 好 ,网 上 书店 欢迎 您 1" 
务 》 
< /pody 
< /html 
注意 : 会 话 状 态 仅 在 支持 cookie 的 浏览 器 中 保留 。 在 以 后 的 章节 中 会 看 到 Session 


9.4.6 表单 如 何 传递 数据 


使 用 ASP Request 对 象 ,可 以 创建 一 个 简单 而 且 功 能 强大 的 脚本 来 收集 和 处 理 
HTML 表单 数据 。HTML 表单 是 收集 Web 信息 最 常用 的 方法 ,是 在 Web 页 上 提供 用 
户 界 面 控件 的 特殊 的 HTML 标记 的 排列 。 文 本 框 、 按 钮 和 复 选 框 都 是 典型 的 控件 , 这 些 
控件 使 用 户 和 Web 页 实现 交互 ,并 且 将 信息 提交 给 Web 服务 器 。 

图 9-10 是 表单 的 一 个 简单 实例 。 在 表单 中 ,要 求 用 户 输 入 姓名 性别, 单 击 【 提 交 】 按 
钮 可 以 将 这 些 信息 提交 给 Web 服务 器 。 


图 9-10 表单 的 示意 图 


在 图 9-11 中 显示 Dreamweaver 8 对 表单 的 属性 设置 。 向 Web 服务 器 提交 信息 时 ， 
用 户 的 Web 浏览 器 请 求 用 【动作 ] 文 本 框 所 指定 的 .asp 文件 处 理 提交 的 信息 (该 属性 可 
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以 填 入 一 个 完整 的 URL 指向 . asp 文件 )。* . asp 文件 包含 了 处 理 表格 值 ( 如 显示 结果 表 
或 从 数据 库 查 询 信息 ) 的 脚本 。 

一 个 HTML 表单 可 以 将 信息 传 给 另 一 个 . asp 文件 ,也 可 以 将 信息 传 给 自身 , 即 包 
含 该 表单 的 . asp 文件 自身 。 这 种 情况 下 动作] 文本 框 中 什么 都 不 填 。 这 一 过 程 经 常用 
于 验证 表单 输入 的 信息 的 合法 性 。 

那么 如 何在 接受 信息 的 . asp 文件 中 获得 表单 的 输入 呢 ? 

这 取决 于 表单 的 提交 方式 。 客 户 的 信息 通过 表单 的 输入 标签 读 人 浏览 器 后 ,可 通过 
传输 介质 传送 到 服务 器 中 。 这 一 过 程 称 做 信息 提交 或 上 传 。 信 息 提 交 的 方式 有 两 种 ,一 
种 是 将 信息 置 于 【动作 ] 文 本 框 中 引用 的 网 址 后 面 ,形成 一 个 特殊 格式 的 URL 一 起 提交 
给 服务 器 ,这 种 方式 称 为 GET 方式 ; 另 一 种 是 等 待 服务 器 自己 来 取 , 这 种 方式 称 为 POST 
方式 。 

在 如 图 9-11 所 示 表 单 的 [属性 ] 面 板 中 ,【 方 法 ] 属 性 选择 了 POST 方式 。POST 方式 
可 以 上 传 较 大 的 数据 量 ;而 GET 上 传 的 数据 量 较 小 , 仅 能 传送 2KB 左右 (受到 URL 长 度 
的 限制 )。 因 此 ,Dreamweaver 8 默认 选择 的 提交 方式 是 POST 方式 。 


图 9-11 表单 的 属性 面板 


上 一 节 中 提 到 的 Request 对 象 提供 了 两 种 获取 方法 ,分 别 对 应 两 种 提交 方式 ,在 很 大 
程度 上 简化 了 获取 附加 在 URL 请 求 上 的 各 表单 项 信息 的 任务 。 

QueryString 获取 方法 用 于 获取 跟 在 GET 方式 请 求 的 URL 的 问号 后 面 的 文本 传递 
给 Web 服务 器 的 值 。 通 过 使 用 HTTP GET 方法 或 手工 将 表单 的 值 添加 到 URL ,表单 
的 值 可 以 被 附加 在 请 求 的 URL 之 后 。 

例如 ,如 果 先 前 的 表单 示例 使 用 GET 方 法 (METHOD = "GET'"), 且 用 户 输 入 “ 杨 
过 ”和 “ 男 ”, 那 么 下 面 的 URL 请 求 将 被 发 送 给 服务 器 : 

http://www.dem.comprocess.asp? name= 杨 过 sgender= 男 

URL 用 ”*?? 分 隔 网 址 和 信息 串 , 用 "人 ”分 隔 各 项 。 其 中 name 和 gender 是 表单 元 素 
的 名 字 。 

当 使 用 HTTP GET 方法 去 向 Web 服务 器 传递 长 而 复杂 的 表格 值 时 ,将 可 能 丢失 信 
息 , 故 大 多 数 的 Web 服务 器 倾向 于 严格 控制 URL 查询 字符 串 的 长 度 。 如 果 需 要 从 表单 
发 送 大 量 信息 到 Web 服务 器 ,就 必须 使 用 HTTP POST 方法 。 此 方法 用 于 在 HTTP 请 
求 正文 中 发 送 表 单数 据 , 而 且 发 送 的 字符 的 个 数 可 以 无 限 多 。ASP Request 对 象 的 Form 
集合 用 POST 方法 发 送 值 。 
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9.5 数据 库 基 础 


本 章 第 2 节 提 到 ,应 用 服务 器 访问 的 最 典型 的 一 种 外 部 资源 就 是 数据 库 。 关 键 的 商 
业 应 用 的 开发 必定 要 用 到 数据 库 的 海量 处 理 数 据 的 能 力 , 以 及 事务 处 理 的 能 力 。 

所 谓 数据 库 ,就 是 一 些 关于 某 个 特定 主题 或 目的 的 相关 信息 的 集合 。 例 如 通讯 录 、 辞 
典 . 员 工人 事 信息 ,都 可 以 看 做 数据 库 。 

目前 最 流行 的 是 关系 模型 的 数据 库 。 在 关系 模型 下 ,数据库 用 表 来 表示 , 表 是 数据 
库 的 核心 。 数 据 库 中 的 表 和 现实 生活 中 的 二 维 表格 很 像 。 表 的 每 一 行 称 为 一 个 记录 
(Record) ,每 一 列 称 为 一 个 字段 (Field) 。 表 中 抽取 满足 相同 条 件 的 记录 的 集合 称 为 记 
录 集 (RecordSet) 。 表 与 表 之 间 通 过 重 琶 的 关键 字段 相关 联 ,可 以 构成 更 大 的 逻辑 上 
的 表 。 

要 开发 具备 数据 处 理 功 能 的 ASP 网 页 ,必须 借助 两 种 主要 的 数据 库存 取 技 术 : SQL 
语言 和 ADO 应 用 程序 接口 。 

SQL 语言 是 一 种 为 了 操作 关系 型 数据 库 而 设计 的 数据 库 结构 化 查询 语言 ,通过 特定 
的 语句 完成 对 数据 库 和 表 的 定义 .查询 .更 新 .插入 删除 和 修改 等 操作 。 

ADO 是 由 微软 针对 数据 库 应 用 所 开发 出 来 的 一 组 对 象 ,提供 了 操作 数据 库 所 需 的 应 
用 程序 接口 ,其 中 包含 创建 数据 库 连 接 ,修改 数据 库 内 容 和 返回 从 数据 库 取得 的 数据 等 。 

ADO 对 象 与 SQL 语句 有 着 密 不 可 分 的 关系 ,ADO 扮演 一 种 连接 ASP 网 页 与 数据 
库 之 间 的 桥梁 的 角色 ,还 可 以 传送 各 种 SQL 指令 至 底层 数据 库 , 完 成 对 数据 库 的 相关 
操作 。 

下 面 几 节 内 容 将 对 SQL 语言 和 ADO 对 象 进行 介绍 。 


9.5.1 SQL 语言 概述 


SQL 是 英文 (Structured Query Language) 的 缩写 ,意思 为 结构 化 查询 语言 。SQL 语 
言 的 主要 功能 就 是 同 各 种 数据 库 建立 联系 ,进行 沟通 。 按 照 ANSI( 美 国 国家 标准 协会 ) 
的 规定 ,SQL 被 作为 关系 型 数据 库 管理 系统 的 标准 语言 。SQL 语句 可 以 用 来 执行 各 种 各 
样 的 操作 ,例如 更 新 数据 库 中 的 数据 ,从 数据 库 中 提取 数据 等 。 目 前 , 绝 大 多 数 流行 的 关 
系 型 数据 库 管理 系统 ,如 Oracle、DB2,Sybase、Microsoft SQL Server、Access 等 都 采用 了 
SQL 语言 标准 。 

SQL 语句 的 种 类 数目 之 多 是 惊人 的 。 使 用 SQL 语言 可 以 执行 下 述 功能 : 从 一 个 简 
单 的 表 查 询 , 到 创建 表 和 存储 过 程 .到 设 定 用 户 权限 。 但 是 构成 SQL 语句 的 核心 内 容 还 
是 如 何 从 数据 库 中 插入 、 更 新 和 查询 数据 。 基 于 这 个 目的 ,应 该 了 解 的 最 重要 的 SQL 语 
句 如 表 9-14 所 示 。 
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表 9-14 SQL 语句 及 功能 


命 ” 令 说 明 命令 说 明 
SELECT 从 一 个 表 或 多 个 表 中 检索 列 和 行 ”| UPDATE 更 新 表 中 已 存在 的 行 的 某 几 列 
INSERT 向 一 个 表 中 增加 行 DELETE 从 一 个 表 中 删除 行 


这 几 个 语句 是 SQL 中 语法 较 复杂 ,也 是 使 用 最 频繁 的 语句 ,因此 是 重 中 之 重 。 

接 下 来 ,本 节 要 介绍 这 几 个 SQL 语句 , 记 住 , 要 开发 网 站 的 应 用 程序 ,这 几 句 SQL 语 
句 是 必须 掌握 的 。 但 是 如 果 读 者 一 时 记 不 住 这 些 语 法 ,在 以 后 的 章节 里 会 看 到 
Dreamweaver 8 提供 的 设计 工具 能 够 帮助 设计 者 自动 生成 简单 的 SQL 语句 。 


9.5.2 SELECT 语句 的 语法 


SELECT 语句 是 SQL 提供 的 数据 查询 语句 , 它 功 能 丰富 ,使 用 灵活 ,其 一 般 格式 
如 下 : 


SELECT [ALL|DISTINCT]< 目 标 列 表达 式 > [< 目标 列表 达 式 >]… 
FROKK 基 表 名 或 视图 名 > [< 基 表 名 或 视图 名 >] … 
[WHERE< 记录 过 滤 条 件 >] 

[GROUP BY< 列 名 > [< 列 名 >]] … 

[HAVING< 小 组 过 滤 条 件 >] 

[ORDER BY< 列 名 > [ASCI|DESC] [,< 列 名 > [ASC| TESC]…]] …] 


表 9-15 SELECT 语句 的 参数 说 明 


关 键 词 说 明 

SELECT 指明 要 检索 的 数据 的 列 

FROM 指明 从 哪 ( 几 ) 个 表 中 进行 检索 

WHERE 指明 返回 数据 必须 满足 的 条 件 

GROUP BY 指明 返回 的 列 数据 通过 某 些 条 件 来 形成 组 
HAVING 指明 必须 满足 的 分 组 的 条 件 

ORDER BY 指明 返回 的 行 的 排序 顺序 

例 9. 28 


对 如 图 9-12 所 示 的 表 publication ,请 用 SQL 语句 分 别 查询 该 表 中 所 有 完整 的 记录 、 
Name 和 Price 这 两 个 字段 的 记录 、Price 小 于 30 元 的 记录 ,并 将 该 表 中 满足 上 述 条 件 的 
记录 按 Name 字段 排序 。 


编号 | Hame | | Pubpate | Press | Price 
1 路 LS 和 VPN 体系 结构 “ISBNT-115-09509-4 01-8-1 人 民 邮 电 出 版 社 于 42.00| 
2 Cisco AYWID 和 TIP 电 证 ISBNT-5053-7563-0 02-5-1 电子 工业 出 版 社 ¥27.00 


图 9-12 表 的 示意 图 


最 简单 的 SELECT 语句 是 : 
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SEIECT * FROM piblication 

这 个 简单 的 查询 结果 得 出 的 内 容 为 publication 表 中 的 所 有 完整 的 记录 。*“ x* ”代表 
所 有 的 列 。 

如 果 只 想 选择 书 名 和 价格 这 两 列 ,可 以 在 SELECT 后 指明 需要 的 列 名 : 


SETECT name, prioe FROM publication 


如 果 想 进一步 缩小 返回 的 结果 范围 ,可 以 添加 WHERE 子 句 ,用 以 返回 符合 
WHERE 后 条 件 的 记录 : 


SEIECT name, price FROM publication WHERE price< 30.00 


实际 使 用 时 ,WHERE 子 句 可 以 使 用 多 个 列 作 为 约束 内 容 ,通过 AND 和 OR 以 实现 
多 个 约束 。 
如 果 觉 得 返回 的 记录 太 过 凌乱 ,可 以 添加 ORDER BY 子 句 来 对 记录 排序 : 


SELECT name, prioe FROM publication WHERE price< 30.00 CRDER BY name 


这 样 返回 的 结果 就 按照 name 来 排序 了 。 


9. 5.3” ”INSERT 语句 的 语法 


INSERT INTO< 表 名 > [ 例 名 1[, 列 名 2,… , 列 名 J)] VALDES (< 值 D> [ 值 2…, 值 m) 
表 9-16 INSERT 语句 的 参数 说 明 


关 键 词 说 明 
INSERT INTO 指明 插入 数据 到 哪个 表 , 在 列 名 序列 中 , 列 出 需要 指定 值 的 列 名 
VALUES 按照 列 名 的 顺序 ,给 出 相应 的 值 


简单 来 说 , 当 向 数据 库 表格 中 添加 新 记录 时 ,在 关键 词 INSERT INTO 后 面 输入 所 
要 添加 的 表格 名 称 , 然 后 在 括号 中 列 出 将 要 添加 新 值 的 列 的 名 称 。 最 后 ,在 关键 词 
VALUES 的 后 面 按 照 前 面 输入 的 列 的 顺序 对 应 地 输入 所 有 要 添加 的 记录 值 。 

以 下 是 向 publication 表 插 和 人 一 条 新 记录 的 例子 。 


INSERT INTO publication (name，ISENND，Pubpate，Press，Price) VALUES (' 新 求 精 德语 强化 教程 "ITSEN7 
5608-1968-0', "1998-815 "同济 大 学 出 版 社 ,56.00) 


9.5.4 UPDATE 语句 的 语法 
SQL 语言 使 用 UPDATE 语句 更 新 或 修改 满足 规定 条 件 的 现 有 记录 。 


UEDATF< 表 名 > SET< 列 名 芝 = 表 达 式 1 [< 列 名 >=< 表达 式 攻 … ] WHEREK 条 件 > 
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表 9-17 UPDATE 语句 的 参数 说 明 


关 键 词 说 明 

UPDATE 指明 对 哪个 表 更 新 数据 

SET 列 出 需要 更 新 的 列 名 和 值 对 

WHERE 指明 哪些 记录 需要 更 新 ,只 有 满足 WHERE 条件 的 记录 才 被 更 新 
例 9. 29 


可 以 用 以 下 语句 把 名 为 “新 求 精 德语 强化 教程 ”的 书 涨 价 10 元 : 


UEDATE publication SET price= pricer 10 WHERE name= ' 新 求 精 德语 强化 教程 使 用 UPDAE 语 句 时 ,关键 一 
点 就 是 要 精确 地 设 定好 用 于 进行 判断 的 HEFE 条 件 从 句 ,否则 会 错误 地 改 掉 不 想 改 的 记录 。 


9.5.5 _ DELETE 语句 的 语法 


SQL 语言 使 用 DELETE 语句 删除 数据 库 表格 中 的 行 或 记录 ,参数 说 明 如 表 9-18 所 示 。 
DELETE FROMK 表 名 > [WHERE< 条 件 表达 式 >] 
表 9-18 DELETE 语句 的 参数 说 明 
关 键 词 说 明 
DELETE FROM 指明 从 哪个 表 删 除数 据 


指明 哪些 记录 需要 被 删除 ,只 有 满足 WHERE 条 件 的 记录 才 被 删除 ,默认 
为 删除 全 部 记录 


WHERE 


例 9.30 
可 以 用 以 下 语句 把 名 为 “新 求 精 德语 强化 教程 ”的 书 从 表 中 删除 : 


DELETE FRCM publication WHERE name = ' 新 求 精 德语 强化 教程 ' 


9.5.6 实验 数据 库 介 绍 


本 节 将 介绍 适合 实验 用 的 数据 库 产 品 。 由 于 应 用 Dreamweaver 8 进行 Web 应 用 开 
发 的 过 程 中 ,使 用 的 都 是 标准 的 数据 库 访 问 接口 ,因此 数据 库 之 间 的 差异 对 开发 者 来 说 变 
得 不 那么 重要 ,因此 本 节 对 产品 仅 作 简单 的 介绍 。 


1. 桌面 数据 库 的 代表 Microsoft Access 


Access 是 一 个 桌面 数据 库 , 因 为 它 的 目标 用 户 是 单机 的 个 人 用 户 或 者 小 型 的 工作 
组 , 它 的 数据 库 的 物理 存储 是 文件 系统 中 的 一 个 普通 文件 ,数据 库 的 访问 方式 也 局 限于 同 
一 台 计 算 机 ,不 提供 基于 Client/Server 方式 的 多 用 户 并 发 访问 能 力 。 因 此 ,Access 主要 
被 用 于 单 用 户 桌 面 环境 下 和 小 型 办 公 室 通过 文件 共享 方式 协作 。 

当然 ,对 于 极 小 型 的 网 站 和 极 小 规模 的 应 用 ,对 并 发 性 要 求 较 低 , 对 性 能 要 求 不 高 的 
环境 下 ,Access 可 以 用 作 Web 服务 器 端的 数据 库 。 
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由 于 熟悉 Access 的 人 多 ,容易 快速 上 手 。 由 于 自 带 丰富 的 客户 端 界面 和 使 用 向 导 ， 
用 Access 建立 和 修改 数据 库 结构 ,输入 和 修改 数据 都 很 方便 。 除 了 不 能 做 分 布 式 部 署 和 
性 能 上 的 局 限 性 外 ,Access 具备 数据 库 的 完整 功能 ,支持 标准 的 SQL 语言 。Microsoft 还 
曾经 专门 为 Access 和 VB 提供 过 基于 Jet 引擎 的 DAO 数据 访问 对 象 ,其 对 Access 作为 
桌面 数据 库 应 用 工具 的 重视 程度 可 见 一 斑 。 用 Access 作为 Web 应 用 程序 开发 练习 中 的 
实验 数据 库 ,是 一 种 不 错 的 选择 。 


2. Microsoft SQL Server 


Microsoft 一 直 没 有 停止 过 占领 中 高 端 企业 市 场 的 努力 ,SQL Server 2000 代表 着 下 
一 代 Microsoft . NET Enterprise Servers( 企 业 分 布 式 服 务 器 ) 数 据 库 的 发 展 趋势 。SQL 
Server 2000 是 为 创建 可 伸缩 电子 商务 ,在线 商务 和 数据 仓储 解决 方案 而 设计 的 真正 意义 
上 的 关系 型 数据 库 管理 与 分 析 系 统 。 

SQL Server 2000 提供 了 以 Web 标准 为 基础 的 扩展 数据 库 编 程 功能 。 丰 富 的 XML 
和 Internet 标准 ,允许 使 用 内 置 的 存储 过 程 ,以 XML 格式 轻松 存储 和 检索 数据 。 还 可 以 
使 用 XML 更 新 程序 容易 地 插入 、 更 新 和 删除 数据 。 

SQL Server 2000 可 以 轻松 地 通过 Web 访问 数据 。 可 以 使 用 HTTP 来 向 数据 库 发 
送 查 询 , 对 数据 库 中 存储 的 文档 执行 全 文 搜索 ,以 及 通过 Web 进行 自然 语言 查询 。 

SQL Server 2000 具有 强大 而 灵活 的 基于 Web 的 分 析 功 能 。 它 的 分 析 服 务 功能 被 
扩展 到 了 Internet。 可 以 通过 Web 浏览 器 来 访问 和 控制 多 维 数据 。 

使 用 SQL Server 2000 可 以 获得 良好 的 可 伸缩 性 和 可 靠 性 。 通 过 向 上 伸缩 和 向 外 扩 
展 的 能 力 ,SQL Server 满足 了 苛刻 的 电子 商务 和 企业 应 用 程序 的 要 求 。 

SQL Server 2000 可 以 向 上 伸缩 ,利用 对 称 多 处 理 器 (SMP) 系统 , SQL Server 
Enterprise Edition 最 多 可 以 使 用 32 个 处 理 器 和 64 GB RAM，。 

通过 增强 的 故障 转移 群集 .日 志 传送 和 新 增 的 备份 策略 ,SQL Server 2000 达到 了 和 较 
大 的 可 用 性 。 

SQL Server 已 成 为 颇 受 众多 客户 关系 管理 (CRM) 应 用 程序 、 商 务 智能 (BT) 应 用 程 
序 .企业 资源 计划 (ERP) 应 用 程序 及 其 他 在 线 商务 应 用 程序 厂商 和 客户 青睐 的 数据 产品 ， 
这 主要 应 归功 于 该 产品 在 对 称 多 处 理 (SMP) 硬件 方面 所 具有 的 可 伸缩 性 和 较 低 的 数据 
库 维护 需 求 。SQL Server 2000 不 仅 支持 集中 化 数据 库 管理 功能 ,而 且 还 最 大 程度 地 实 
现 了 管理 与 优化 工作 的 自动 化 ,从 而 ,减轻 了 有 关 管 理 人 员 的 负担 。 

SQL Server 2000 还 推出 了 一 组 复杂 的 新 安全 特性 : 强大 而 灵活 的 基于 角色 的 服务 
器 .数据库 和 应 用 程序 配置 安全 性 ;集成 的 安全 性 审核 工具 可 以 跟踪 18 个 不 同 的 安全 事 
件 及 其 子 事件 ;精密 的 文件 和 网 络 加 密 支 持 ,包括 SSL( 安 全 套 接 字 层 )、.Kerberos 及 委 
托 。SQL Server 2000 已 经 通过 美国 政府 C2 级 安全 性 认证 。 

因此 ,SQL Server 更 适合 于 开发 投入 实际 运营 的 较 大 规模 的 网 络 应 用 程序 。 如 果 学 
习 本 书 的 目的 是 想 开发 一 个 实际 意义 上 的 用 户 众多 的 较 大 规模 的 网 站 的 话 ,建议 读者 学 
习 SQL Server。 本 书 也 采用 SQL Server 作为 后 台数 据 库 ,以 期 尽量 真实 地 模拟 现实 的 
开发 环境 。 
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9.5.7 ODBC 与 ADO 


数据 库 产 品 很 多 ,但 是 实际 上 只 有 数据 库 管 理 员 才 需要 学 习 各 种 数据 库 产 品 的 特性 ， 
开发 者 并 不 需要 知道 这 些 。 开 发 者 只 要 知道 数据 访问 的 基本 模型 ,基本 的 SQL 语言 和 数 
据 库 基 本 概念 就 可 以 进行 大 多 数 开发 工作 了 。 这 要 归功 于 标准 的 数据 库 访 问 接口 。 


1. 什么 是 ODBC 


ODBC(Open Database Connectivity, 开 放 式 数据 库 互 联 ) 是 微软 推出 的 一 种 工业 标 
准 , 一 种 开放 的 独立 于 厂商 的 API 应 用 程序 接口 ,可 以 跨 平台 访问 各 种 个 人 计算 机 、 小 型 
机 以 及 主机 系统 上 的 数据 库 。ODBC 作为 一 个 工业 标准 , 绝 大 多 数 数据 库 厂商 .大 多 数 应 
用 软件 和 工具 软件 厂商 都 为 自己 的 产品 提供 了 ODBC 接口 或 提供 了 ODBC 支持 ,这 其 中 
就 包括 常用 的 SQL Server、ORACLE、DB2 等 ,当然 也 包括 了 Access。 

数据 库 驱 动 程序 使 用 Data Source Name (DSN) 定位 和 标识 特定 的 ODBC 兼容 数 
据 库 ,将 信息 从 Web 应 用 程序 传递 给 数据 库 。 典 型 情况 下 ,DSN 包含 数据 库 配 置 、 用 
户 安全 性 和 定位 信息 。 通 过 ODBC, 可 以 选择 希望 创建 的 DSN 的 类 型 : 用 户 、 系 统 或 
交 件 。 

那么 什么 是 DSN 呢 ? DSN 是 “应 用 程序 用 以 请 求 一 个 连 到 ODBC 数据 源 的 连接 
(conncetion) 的 名 字 ”, 换 句 话 说 , 它 是 一 个 代表 ODBC 连接 的 符号 。 它 隐藏 了 诸如 数据 
库 名 ,位 置 ,数据 库 驱 动 程序 、 用 户 名 、 密 码 等 细节 。 因 此 , 当 建 立 一 个 数据 库 连 接 时 ,开发 
者 不 用 去 考虑 数据 库 在 哪儿 , 叫 什么 名 字 等 细节 ,只 要 知道 管理 员 给 出 的 在 ODBC 中 的 
DSN 即 可 。 

DSN 分 3 种 类 型 : 文件 DSN ,系统 DSN 和 用 户 DSN。 

。 文 件 DSN: 这 种 DSN 的 细节 存储 在 指定 文件 中 。 

。 系统 DSN: 这 种 DSN 可 以 被 任何 登录 到 系统 中 的 用 户 使 用 。 

。 用户 DSN: 这 是 为 特定 用 户 建立 的 DSN。 只 有 建立 这 个 DSN 的 用 户 才能 看 到 并 

使 用 它 。 
后 两 种 情况 中 ,DSN 的 细节 都 储存 在 Windows 系统 的 注册 表 中 。 
下 一 章 将 详细 讲解 如 何 建立 DSN, 为 开发 过 程 中 连接 数据 库 做 好 准备 。 


2. ADO 模型 概述 


ODBC 对 开发 者 来 说 相当 复杂 ,为 方便 使 用 ,微软 推出 过 一 系列 建立 在 ODBC 之 上 
的 数据 访问 对 象 ,例如 DAO(Data Access Object) 和 RDO(Remote Data Object) 用 以 适 
应 各 种 不 同 的 数据 访问 需求 。 

ActiveX Data Objects(ADO) 则 是 微软 推出 的 取代 DAO 和 RDO 等 各 自 不 同 的 一 系 
列 数据 访问 对 象 的 统一 的 数据 访问 对 象 技术 ,ADO 对 象 是 开发 数据 库 应 用 程序 的 接口 ， 
是 提供 操作 数据 库 所 需 的 各 种 对 象 的 集合 . 它 被 设计 用 来 同 新 的 通用 数据 访问 层 OLE 
DB Provider 一 起 协同 工作 。 
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OLE DB 是 一 个 建立 在 ODBC 上 的 低层 数据 访问 接口 ,用 它 可 以 访问 各 种 数据 源 ， 
包括 传统 的 关系 型 数据 库 , 以 及 其 他 任何 数据 格式 ,例如 电子 邮件 系统 .目录 服务 、 文 本 文 
件 甚至 自 定义 的 商业 对 象 。OLE DB 可 以 看 做 是 一 种 数据 驱动 程序 ,每 一 种 被 访问 的 数 
据 类 型 ,都 对 应 一 种 OLE DB Provider, 这 个 Provider 提供 对 这 种 数据 的 驱动 。 

ADO 是 建立 在 OLE DB 上 的 面向 对 象 的 访问 接口 ,方便 脚本 语言 和 面向 对 象 的 开 
发 工具 来 使 用 。ADO 的 主要 优点 是 易 用 ,高速 .占用 内 存 和 磁盘 空间 少 ,所 以 非常 适合 于 
作为 服务 器 端的 数据 库 访问 技术 。 它 是 多 线程 的 ,在 出 现 大 量 并 发 请 求 时 ,也 同样 可 以 保 
持 服 务 器 的 运行 效率 ,并 且 通 过 连接 池 (Connection Pool) 技 术 以 及 对 数据 库 连 接 资源 的 
完全 控制 ,提供 与 远程 数据 库 的 高 效 连接 与 访问 ,同时 它 还 支持 事务 处 理 (Transaction)， 
以 开发 高 效率 、 高 可 靠 性 的 数据 库 应 用 程序 。 

ADO 由 几 个 对 象 组 成 ,这 几 个 对 象 分 别 负责 提供 各 种 数据 库 操作 行为 ,ASP 网 页 对 
数据 库 的 操作 大 致 上 可 以 分 为 连接 、 修 改 和 查询 3 部 分 , 据 此 ADO 将 数据 访问 抽象 为 3 
个 主要 的 部 分 : 连接 对 象 (Connection)、 指 令 对 象 (Command) 和 记录 集 对 象 
(RecordSet) 。 

(1) Connection 创建 到 数据 源 (Data Source, 即 某 种 数据 提供 者 ) 的 连接 ,任何 数据 库 
的 操作 行为 都 必须 在 连接 的 基础 上 进行 ,因此 在 使 用 ADO 之 前 ,首先 必须 创建 一 个 
Connection 对 象 。 它 有 点 类 似 于 Client/Server 数据 库 应 用 中 同 Server 间 的 真实 网 络 

(2) Command 是 指令 对 象 ,在 连接 建立 以 后 将 用 户 提供 的 指令 传送 到 数据 库 , 对 数 
据 库 中 数据 进行 新 增删 除 和 修改 处 理 ,发 往 数据 源 的 指令 就 是 SQL 命令 。 

(3) RecordSet 是 一 种 包含 特定 数据 的 记录 集合 对 象 , 是 数据 源 执行 SQL 命令 后 , 返 
回 的 结果 数据 的 集合 。 通 常 是 一 个 或 多 个 数据 表 的 一 部 分 记录 。 在 实际 使 用 中 
RecordSet 类 似 于 数据 库 概 念 中 的 游标 (Cursor) 。RecordSet 在 Dreamweaver 8 中 对 应 
于 SELECT 语句 的 返回 结果 。 

要 建立 一 次 数据 库 访问 首先 要 创建 一 个 Connection 对 象 ,然后 用 基于 这 个 
Connection 对 象 的 Command 指令 对 象 将 一 段 SQL 指令 送 到 数据 库 , 进 行 数据 的 更 改 ， 
Recordset 对 象 则 是 ADO 根据 特定 的 SQL 查询 指令 ,在 数据 库 中 取得 相关 数据 内 容 之 
后 ,加 载 这 些 取得 的 数据 返回 给 用 户 的 记录 集 对 象 。 

因为 ADO 最 终 是 通过 ODBC 来 对 数据 库 进 行 访问 的 ,所 以 在 使 用 ADO 之 前 要 先 在 
ODBC 中 添加 相应 的 数据 库 驱 动 程序 ,并 创建 相应 的 DSN( 数 据 源 名 ) 。 


9.6 IIS Web 服务 器 介绍 


Web 应 用 程序 的 运行 当然 离 不 开 Web 服务 器 。Web 服务 器 的 能 力 直 接 影响 到 Web 
应 用 程序 的 执行 效率 、 并 发 访问 量 等 关键 因素 。 本 节 将 会 介绍 当今 主流 的 Web 服务 器 
产品 。 

根据 Netcraft Web Server Survey 2002 年 6 月 的 调查 ,Apache、Microsoft、Zeus 和 
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iPlanet 是 这 个 市 场 的 领导 者 。 基 于 开放 式 源 代码 的 Apache Web Server 拥有 约 57% 的 
Web 服务 器 市 场 份额 ,而 Microsoft IIS 则 具备 31% 的 市 场 占有 率 ,Zeus Web Server 和 
iPlanet Web Server( 现 在 的 Sun ONE Web Server) 各 占 2.11% 和 1.33% 的 份额 。 除 微 
软 以 外 ,其 余 各 主要 服务 器 的 使 用 都 有 所 减少 。Microsoft 公司 表示 ,使 用 IIS 的 项 级 电 
子 商 务 站 点 数量 明显 超越 其 他 竞争 性 产品 ,而 “财富 500 强 ” 企 业 中 IIS 的 应 用 数量 也 大 
大 多 于 Apache。 

Internet Information Server( 简 称 IIS) 作 为 Microsoft Windows 2000 和 Windows 
XP 系列 产品 的 重要 组 成 部 分 ,支持 Web、FTP、SMTP、NNTP、Media 等 各 种 服务 ,功能 
强大 且 管 理 简单 ,完全 适用 于 搭建 中 小 型 规模 的 网 站 ,是 全 面 提供 Internet 和 Intarnet 服 
务 的 最 受 欢 迎 的 选择 之 一 。 

有 很 多 功能 使 得 IIS 可 以 更 好 、 更 可 靠 地 执行 。 为 了 更 快速 更 方便 地 重新 启动 IIS， 
IIS 5.0 的 可 靠 重 新 启动 功能 ,可 以 使 管理 员 不 必 重 新 启动 计算 机 即 可 重新 启动 Web 服 
务 。 为 改进 可 靠 性 ,“ 应 用 程序 保护 ”功能 提供 一 种 可 以 在 与 Web 服务 分 开 的 池 中 运行 应 
用 程序 的 能 力 。IIS 5.0 中 的 “CPU 限制 "和 “ 套 接 字 共 用 ”功能 也 能 够 改进 可 靠 性 。 对 于 
应 用 程序 开发 人 员 来 说 , Web 站 点 的 性 能 可 以 通过 某 些 新 功能 来 改进 ,如 无 脚本 
Microsoft Active Server Pages (ASP) 处 理 .ASP 自 调 以 及 性 能 增强 的 ASP 对 象 。 

IIS 5.0 易于 安装 和 维护 。 其 中 的 许多 功能 都 支持 这 种 不 断 增加 的 易 维 护 要 求 , 包 括 
简化 的 安装 过 程 . 新 安全 任务 向 导 、 解 释 各 进程 使 用 的 时 间 的 能 力 ,以 及 灵活 的 远程 管 

IIS 5.0 增加 了 对 重要 行业 标准 安全 协议 的 支持 ,包括 摘要 式 身份 验证 ,Server Gated 
Cryptography、Kerberos v5 身份 验证 协议 、 传 输 层 安全 和 Fortezza。 另 外 ,其 中 的 3 个 新 
任务 向 导 , 使 得 管理 员 可 以 更 方便 地 管理 站 点 的 安全 设置 。 

因为 IIS 5.0 建立 在 Windows 2000 Server 的 新 技术 的 基础 上 ,从 而 扩展 了 Web 服 
务 器 的 应 用 程序 开发 环境 。 这 些 新 技术 包括 Active Directory 以 及 扩展 的 组 件 对 象 模型 
(COM 十 ) 。 另 外 ,还 有 对 IIS Active Server Pages 的 增强 ,如 无 脚本 ASP 处 理 , 以 及 改进 
的 流 控制 和 错误 处 理 , 让 开发 人 员 编 写 更 有 效 的 以 Web 为 中 心 的 应 用 程序 。 

对 服务 提供 商 而 言 ,IIS 5. 0 支持 更 大 的 吞吐 量 和 更 多 的 站 点 。 使 用 IIS 5. 0, 一 个 
Web 服务 器 提供 的 站 点 远 多 于 IIS 4.0 的 限制 (250 个 )。 尽 管 随 着 站 点 数量 的 增加 性 能 
将 会 下 降 , 但 大 多 数 硬件 配置 可 以 提供 5000 个 Web 站 点 并 每 天 处 理 超过 1700 万 个 请 
求 (使 用 4CPU~4GB 内 存 配置 ,每 天 处 理 3080 一 4620 万 个 请 求 )。 

注意 : 如 果 有 条 件 , 实 验 环境 就 应 该 选择 可 以 投入 实际 应 用 的 IIS, 而 不 是 其 他 小 型 
化 的 个 人 用 的 Web 服务 器 。 首 先 , 学 习 本 书 的 目的 ,一 定 是 想 要 做 实际 的 开发 ,因此 ,不 
如 直接 接触 实际 应 用 中 的 产品 ;其 次 ,用 IIS 建立 网 站 已 经 简单 到 并 不 比 那些 小 型 化 “ 玩 
具 ”Web 服务 器 复杂 多 少 的 地 步 。 
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章 建立 Web 应 用 开发 
第 10 及 运行 环境 


知识 点 

。 IIS 的 安装 与 设置 

。 如 何 管理 IIS 站 点 

。 实验 数 据 库 的 安装 与 设置 
。 如 何 建立 数据 库 连接 

。 Dreamweaver 8 的 站 点 管理 


如 果 要 面面俱到 ,把 所 有 主流 的 Web 服务 器 、Web 应 用 服务 器 、 数 据 库 服 务 器 、 操 
作 系 统 平台 组 成 的 各 种 Web 应 用 开发 和 运行 的 环境 的 组 合 全 都 讲 到 , 既 不 可 行 ,也 无 
必要 。 其 实 一 通 百 通 ,同类 产品 的 实现 思路 是 极其 接近 的 ,何况 每 种 产品 都 有 自己 详 
细 的 文档 ,学 习 起 来 并 不 难 。 作 为 一 个 好 的 网 站 开发 维护 人 员 ,没有 快速 查阅 文档 的 
能 力 是 不 行 的 。 

在 Windows 系统 平台 上 建立 实验 环境 比较 容易 ,各 种 服务 程序 的 安装 和 配置 非常 
简单 和 直观 ,因此 ,本 书 选择 Windows 2000 Server 作为 服务 器 操作 系统 平台 ,这 样 有 利 
于 把 注意 力 放 在 Dreamweaver 8 的 学 习 上 。 如 果 选 择 其 他 操作 系统 ,读者 可 能 会 被 这 
些 操作 系统 的 各 种 服务 的 令 人 头疼 的 复杂 配置 分 散 了 精力 。 例 如 在 Linux 系统 的 环境 
下 建立 Web 服务 器 对 初学 者 来 说 就 太 过 复杂 ,Linux 系统 版 本 变化 太 快 ,发 行 版 本 太 
多 ,可 能 碰 到 的 问题 随 各 种 版 本 的 不 同 而 有 各 种 变化 ,因此 本 书 中 将 不 涉及 Linux 
系统 。 

Windows 2000 自 带 的 IIS 5. 0 配合 相应 的 应 用 服务 器 可 以 支持 Dreamweaver 8 支持 
的 所 有 服务 器 端 技术 ,因此 IIS 是 适合 实验 用 的 Web 服务 器 。 基 于 IIS 建立 实验 环境 也 
相当 灵活 。 如 果 条 件 有 限 ,可 以 用 单 台 Windows 2000 十 Dreamweaver 8 十 本 章 所 述 的 组 
合 环境 来 建立 最 简单 的 实验 环境 ;如 果 条 件 允 许 , 可 以 用 多 台 计算 机 模拟 网 络 化 的 生产 环 
境 部 署 (production system deployment), 即 模拟 正式 投入 使 用 时 的 环境 ,例如 一 台 
Windows 2000 Server 十 IIS 做 Web 服务 器 ,一 台 Windows 98 十 Dreamweaver 8 作为 开发 
机 ,再 用 一 台 Windows 2000 Server 十 SQL Server 2000 做 数据 库 服 务 器 。 


10.1 安装 和 设置 HS 


大 家 可 能 已 经 注意 到 ,在 前 面 的 章节 ,已 经 讲 到 如 何 创作 Web 页 面 的 大 部 分 内 容 , 但 
是 Web 页 面 存放 在 哪里 ?如 何在 服务 器 上 建立 Dreamweaver 8 可 以 访问 和 更 新 的 Web 
站 点 ?对 这 些 问题 并 没有 做 完整 的 解答 。 这 一 节 将 为 读者 展示 站 点 建立 的 完整 过 程 。 

注意 : 这 里 所 说 的 站 点 是 指 网 络 上 提供 服务 的 实体 站 点 ,而 Dreamweaver 8 中 的 站 
点 则 是 一 个 逻辑 的 概念 , 它 包 含 了 实体 站 点 的 位 置信 息 ,以 及 如 何 访问 实体 站 点 ,如 何在 
开发 过 程 中 发 布 更 新 到 实体 站 点 的 一 系列 配置 信息 。Dreamweaver 8 中 的 站 点 实际 上 是 
面向 内 容 更 新 的 一 个 管理 模型 ,或 者 说 可 以 看 成 一 个 开发 项 目 。 


10.1.1 JIS 安装 与 设置 


IIS 5.0 是 Windows 2000 的 一 部 分 ,但 不 是 必须 安装 的 。 因 此 安装 IIS 5. 0 就 是 添加 
Windows 2000 的 一 个 组 件 ,安装 方法 如 下 : 

(1) 打开 Windows 2000 系统 的 控制 面板 ,双击 【添加 /删除 程序 图 标 。 

(2) 选择 【添加 /删除 Windows 组 件 ] 命 令 , 稍 等 一 会 儿 即 可 看 到 如 图 10-1 所 示 的 
【Windows 组 件 向 导 】 对 话 框 ,组 件 列表 中 的 第 一 项 就 是 Internet 信息 服务 (IIS) 。 


Windows 钥 件 向 导 | 


Tindors 组 件 
可 以 添加 或 删除 Windows 2000 的 组 件 。 


姐 件 : 


19.1 MB 
12.3 皮 


53m | 

要 二 和 四 RR FrontPage、 事 务 处 理 、ASP、 数 
所 需 磁盘 空间 1.0 1 [SEE 
可 用 磁盘 空间 2706.8 妥 


《< 上 一 步 加 | 下 一 步 如 ;| 取消 


图 10-1 【Windows 组 件 向 导 】 对 话 框 


(3) 选择 [Internet 信息 服务 (IIS)] 选 项 , 单 击 【 详 细 信息 3 按钮 ,可 以 看 到 如 图 10-2 
所 示 的 KInternet 信息 服务 (IIS)】 对 话 框 ,可 选择 需要 安装 IIS 的 哪些 组 件 。 

(4) 在 需要 安装 的 组 件 前 的 方 框 内 打 勾 表示 选中 。 其 中 【Internet 服务 管理 器 】、 
【World Wide Web 服务 器 】【 公 共 文 件 ] 是 必须 要 选 的 。 为 了 方便 站 点 文件 管理 ,也 可 以 
选择 [文件 传输 协议 (FTP) 服 务 器 】。 

(5) 单 击 【确定 了 按钮 ,确认 并 退出 IS 组 件 选择 , 青 单 击 【 下 一 步 3 按 钮 ,确认 并 开始 IIS 
安装 。 安 装 过 程 中 会 看 到 如 图 10-3 所 示 的 画面 ,安装 结束 后 会 看 到 如 图 10-4 所 示 的 信息 。 
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Internet 匾 息 服务 (IIS)》 | 


框 。 东 色 框 表示 只 会 安装 该 组 件 的 一 


1.3 4 
和 感 raternet 服务 管理 器 0mD) DT 上 
口 加 WP Service 


4.5 9B 
国 SHTP Service 4.9 加 
口 69 Visual InterDev RAD 远程 配置 支持 


"+ 辐 


描述 : 便 用 上 erosoft FrontPage 和 Visusl InterDev 来 创作 和 管理 站 点 


图 10-2 选择 JIS 组件 


而 请 稍 候 ， 安 装 程序 正在 配置 组 件 。 所 花 时 间 取决 于 选 定 的 蛤 件 。 
1 


完成 “Windows 组 件 向 导 ” 
状态 : 正在 完成 Internet 信息 服务 CIS) 的 配置 . 
| Fi 您 已 成 功 地 完成 了 “Windews 姐 件 向 导 ”。 


图 10-3 IIS 安装 过 程 图 10-4 IIS 安装 结束 信息 
(6) 安装 完成 后 ,在 系统 的 【程序 】 民 管理 工具 菜单 中 ,将 出 现 三 喇 全 全 
全 公 


hv o 


【Internet 服务 管理 器 】 是 管理 IIS 所 有 组 件 的 界面 ,选择 【Internet 服务 管理 器 】 命 
令 , 可 以 打开 如 图 10-5 所 示 的 【Internet 信息 服务 了 窗口 。 


et 此 


Fi 


: 信息 职务 Ei =I9o|xl 
| 损人 (Q) 查看 W || + 少 | 向 | 加 | 加 | 名 || 明 |》 | 


图 10-5 【Internet 信息 服务 了 窗口 


窗口 的 左 窗口 显示 整个 IIS 的 管理 层次 , 右 窗口 则 显示 当前 在 左 窗 格 内 选中 的 管理 
层次 的 相应 内 容 。 初 始 状态 下 ,窗口 的 显示 如 图 10-5 所 示 。 只 在 【Internet 信息 服务 】F ， 
显示 本 服务 器 的 计算 机 名 ,不妨 假设 当前 的 这 人 台 实 验 用 的 Windows 2000 Server 计算 机 
名 为 “websrv”。 

双击 计算 机 名 ,可 以 看 到 配置 在 该 计算 机 上 的 各 项 Internet 信息 服务 ,如 图 10-6 所 示 。 

如 果 只 安装 了 WWW 服务 ,将 只 能 看 到 【默认 Web 站 点 了 ,这 是 系统 默认 的 已 经 建立 
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Xx 


| Wh 让 | 生 | 四 | 多 国 加 | 旬 || 区 | 》 呈 1 


视 默 认 FTP 站 点 (已 停止 ) 
厂 默 web 站 点 (已 停止) 


默认 Web 站 点 (已 停止 ) 
三 管 理 Web 让 点 


图 10-6 本 机 安装 的 Internet 信息 服务 


的 一 个 Web 站 点 。 如 果 安 装 了 Internet 服务 管理 器 的 HTML 版 ,那么 将 看 到 【管理 
Web 站 点 了 ,该 站 点 包含 了 Internet 服务 管理 器 的 HTML 版 的 所 有 配置 的 文件 。 如 果 安 
装 了 FTP 服务 ,将 看 到 【默认 FTP 站 点 了 ,这 是 系统 默认 的 已 经 建立 的 一 个 FTP 站 点 。 
如 果 某 一 个 站 点 名 后 面 有 “(已 停止 )" 字 样 ,说 明 该 站 点 现在 不 在 工作 状态 。 


10.1.2 启动 和 停止 IIS 站 点 


如 何 启 动 和 停止 一 个 站 点 呢 ? 其 方法 如 下 : 
(1) 右 击 需要 启动 或 停止 的 站 点 ,出现 如 图 10-7 所 示 的 管理 菜单 。 


不 正 
府 此 容器 中 创建 一 新 的 对 ! ” 藻 售 


新 建 (N) 四 站 点 
所 有 任务 (K) ， ”虚拟 目录 


图 10-7 本 机 安装 的 Internet 服务 


(2) 对 于 已 经 停止 的 站 点 ,选择 【启动 ] 命 令 来 启动 站 点 ;对 于 已 经 启动 的 站 点 ， 
选择 [停止] 命令 来 停止 站 点 ;当然 对 于 已 经 启动 的 站 点 ,也 可 以 选择 【暂停 命令 来 
暂停 该 站 点 的 服务 ,暂停 服务 不 会 释放 系统 分 配给 该 站 点 的 资源 。 
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10.1.3 建立 IIS 站 点 


一 台 Windows 2000 服务 器 上 ,可 以 建立 多 个 站 点 来 提供 服务 。 在 Internet 上 有 很 
多 ISP(Internet 服务 提供 商 ) ,他 们 为 客户 提供 虚拟 主机 空间 和 站 点 的 服务 。 这 些 ISP 不 
会 给 每 个 客户 配备 一 台 完 整 的 服务 器 ,这 样 既 浪费 资源 ,成 本 又 高 ,也 没有 必要 。 因 此 ， 
ISP 的 一 台 服 务 器 往往 会 利用 类 似 于 IIS 的 这 种 建立 逻辑 站 点 的 能 力 , 容 纳 成 百 上 千 个 客 
户 站 点 。 那 么 ,如 何在 IIS 中 建立 站 点 呢 ? 


1. 建立 Web 站 点 


建立 Web 站 点 的 方法 如 下 : 

(1) 在 左 窗 格 中 右 击 本 服务 器 下 任意 一 个 Web 站 点 ,出 现 的 快捷 菜单 会 包含 如 
图 10-8 所 示 的 子 菜单 。 

(2) 或 者 在 左 窗 格 中 右 击 本 服务 器 ,出 现 的 管理 菜单 如 图 10-9 所 示 。 
释 默 认 FTP 站 


丽 默 认 web 站 ) 
| 枫 管 理 web 站) 


站 点 FTP 站 点 
所 有 任务 (站 ，。 虚拟 目录 ”二 看 WW) 。。。， "站 点 
图 10-8 【新 建 ] 子 菜单 之 一 图 10-9 【新 建 ] 子 菜单 之 二 


(3) 选择 图 10-8 中 的 【站 点 了 命令 ,或 图 10-9 中 的 【Web 站 点 了 命令 ,系统 将 会 显示 
【Web 站 点 创建 向 导 】 对 话 框 , 单 击 [ 下 一 步 ] 按 钮 ,将 出 现 如 图 10-10 所 示 的 画面 。 


[web 站 点 他 建 育 导 Y 


Yeb 站 点 说 明 < 
“eb 站 点 说 明 ,用 于 客 助 管理 届 iR 别 站 点 。 
输入 feb 站 点 的 说 明 。 

说 明 四 ) 
mv Sitel 


图 10-10 【Web 站 点 说 明 】 对 话 框 


(4) 在 Web 站 点 【说 明 】 文 本 框 中 输入 站 点 的 名 字 , 它 将 会 显示 在 【Internet 信息 服 
务 ] 的 左 窗 格 里 ,输入 完 后 , 单 击 【 下 一 步 ] 按 钮 ,进入 如 图 10-11 所 示 的 【IP 地 址 与 端口 设 
置 ] 对 话 框 。 

每 一 个 站 点 都 对 应 唯一 的 一 对 IP 地 址 和 端口 的 组 合 , 不 同 的 两 个 站 点 这 两 者 的 组 合 
必须 不 同 , 否 则 不 能 同时 提供 服务 。 在 [输入 Web 站 点 使 用 的 IP 地 址 ] 下 拉 列 表 中 选择 
的 IP 地 址 必须 是 已 经 在 系统 中 定义 好 的 有 效 的 IP 地 址 ,用 户 以 后 就 使 用 这 个 IP 地 址 和 
下 面 输入 的 端口 号 来 访问 该 站 点 。 例 如 ,按照 图 10-11 的 设置 ,用 户 将 用 http://10. 10. 
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了 地 址 和 请 口 设置 
为 新 Web 站 点 指定 IP 地 址 和 请 口 设置 


omrz 相 


图 10-11 【IP 地 址 和 端口 设置 ] 对 话 框 


1.2:8080/ 来 访问 该 站 点 的 首页 。 
注意 : 
。 用 户 自 定义 的 端口 号 的 范围 只 能 是 1024~65535 中 的 数字 ;不 能 是 0 一 1023 中 的 
数字 ,这 个 范围 中 的 数字 是 well-known( 知 名 端口 ) 。 
。 本 机 的 80 端口 已 经 被 默认 Web 站 点 占用 ,而 Dreamweaver 8 又 必须 使 用 默认 的 80 
端口 来 访问 Web 站 点 。 因 此 ,新 定义 的 站 点 和 默认 Web 站 点 都 启动 的 话 , 必 须 使 用 
不 同 的 IP 地 址 和 相同 的 80 端口 。 和 否则 会 有 冲突 。 因 此 当 新 站 点 和 默认 Web 站 点 
的 IP 地 址 和 端口 号 重 登 的 时 候 , 可 在 启动 新 站 点 之 前 ,停止 默认 Web 站 点 。 
(5) 设置 完 IP 地 址 和 端口 后 , 单 击 【下 一 步 ] 按 钮 ,进入 站 点 主 目录 设置 ,如 图 10-12 
所 示 ,选择 一 个 本 地 可 访问 的 文件 目录 作为 站 点 主 目录 , 这 个 目录 就 是 以 后 站 点 的 逻辑 上 
的 根 目 录 。 


eb 站 点 主 目录 
主 目录 是 您 的 Web 内 容 子 目 录 的 根 目录 。 


图 10-12 【Web 站 点 主 目录 设置 ] 对 话 框 


注意 : 【允许 匿 名 访问 Web 站 点 的 复 选 项 一 定 要 选 , 否 则 只 有 那些 在 Windows 
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Active Directory 中 的 用 户 (并 且 对 这 些 用 户 设置 了 作为 Web 站 点 主 目录 的 文件 目录 的 
访问 权限 ) ,才能 访问 该 站 点 的 Web 服务 。 
(6) 单 击 【 下 一 步 ] 按 钮 ,进入 站 点 权限 设置 ,如 图 10-13 所 示 , 几 种 权限 的 功能 如 下 : 


Web 站 点 创建 向 导 2 
Teb 站 点 访问 权限 94 
您 要 给 主 目录 设 定 什么 访问 权限 ? 基 


允许 下 列 权限 : 

万 于 到 

你 运行 脚本 (例如 ASP) G) 

厂 执行 例如 ISAFI 应 用 程序 或 cGT) @E) 
TF 入 VW 

厂 训 览 @) 

单 击 “ 下 一 步 ” 完 成 向 导 - 


图 10-13 【Web 站 点 访问 权限 ] 对 话 框 


@O【 读 取 了 权限 允许 用 户 浏览 器 请 求 访问 站 点 上 的 文件 ,这 个 权限 是 必须 设置 的 ,和 否 
则 用 户 彻底 不 能 访问 站 点 ; 

@【 运 行 脚本 权限 允许 用 户 浏 览 器 请 求 访问 站 点 上 的 动态 页 面 ; 

@【 执 行 ] 权 限 允 许 用 户 调用 站 点 上 的 可 执行 程序 (例如 传统 方式 的 CGI 程序 或 
ISAPI 接口 的 程序 ); 

@【 写 入 权限 允许 用 户 修改 站 点 上 的 文件 ; 

@【 浏 览 ] 权 限 允 许 用 户 浏 览 器 列 出 站 点 的 虚拟 目录 结构 。 

一 般 来 说 ,选择 [ 读 取 权限 和 【运行 脚本 了 权限 就 足够 了 ,选择 其 他 权限 是 比较 危险 
的 ,可 能 危害 到 站 点 的 安全 性 。 

注意 ,这 里 所 说 的 权限 是 指 访问 Web 的 权限 ,针对 的 是 访问 该 站 点 的 用 户 ,与 
Windows 本 身 的 资源 访问 权限 不 是 一 回 事 。 

(7) 单 击 【 下 一 步 ] 按 钮 ,完成 Web 站 点 的 建立 。 


2. 建立 FTP 站 点 


接 下 来 介绍 FTP 站 点 的 建立 ,其 方法 如 下 : 

(1) 在 【Internet 信息 服务 了 左 窗 格 中 右 击 本 服务 器 下 任意 一 个 FTP 站 点 ,出 现 的 管 
理 菜单 包含 如 图 10-8 所 示 的 子 菜单 ;或 者 在 左 窗 格 中 右 击 本 服务 器 ,出 现 的 管理 菜单 如 
图 10-9 所 示 。 

(2) 选择 图 10-8 中 的 【站 点 了 或 图 10-9 中 的 [FTP 站 点 】 ,将 会 出 现 [FTP 站 点 创建 向 
导 】 对 话 框 , 单 击 【下 一 步 ] 按 钮 ,将 出 现 输入 FTP 站 点 说 明 对 话 框 。 

(3) FTP 站 点 说 明 的 作用 同 Web 站 点 说 明 , 输 入 My Site Directory, 单 击 【 下 一 步 】 
按钮 ,进入 IP 地 址 与 端口 设置 ,如 图 10-14 所 示 。 

每 一 个 站 点 都 对 应 唯一 的 一 对 IP 地 址 和 端口 的 组 合 ,不 同 的 两 个 站 点 这 两 者 的 组 合 
必须 不 同 ,否则 不 能 同时 提供 服务 。 在 【输入 FTP 站 点 使 用 的 IP 地 址 3 下 拉 列 表 框 中 选 
择 的 IP 地址 必须 是 已 经 在 系统 中 定义 好 的 有 效 的 IP 地 址 ,用 户 以 后 就 使 用 这 个 IP 地 址 


第 人 0 章 建立 Web 应 用 开发 及 运行 环境 一 一 一 一 一 一 一 一 一 (187 


FTP 站 点 创建 向 导 -了 | 


IP 地 址 和 庄 口 设置 
您 必须 为 FTP 站 点 指定 一 个 IP 地 址 和 端口 设置 。 仿 


输入 FTP 站 点 的 IP 地 址 。 

了 地 址 全 ); 

了 
输入 此 FTP 站 点 的 TCF 端口 鞭 认 = 21)。 

TCF 端口 四 ): 

Ba 


图 10-14 【IP 地 址 与 端口 设置 对话 框 


和 下 面 输入 的 【TCP 端口 号 来 访问 该 站 点 。 例 如 ,按照 图 10-11 的 设置 ,用 户 将 用 10. 
10. 1.2 和 端口 2121 来 设置 FTP 客户 端 程序 。 

注意 ; 本 机 的 21 端口 已 经 被 默认 FTP 站 点 占用 ,因此 ,新 站 点 尽量 不 用 此 端口 , 否 
则 新 站 点 不 能 和 默认 FTP 站 点 同时 启动 。 

(4) 设置 完 IP 地 址 和 端口 , 单 击 [下 一 步 ] 按 钮 ,进入 FTP 站 点 主 目录 设置 ,与 Web 
站 点 设置 类 似 , 选 择 一 个 本 地 可 访问 的 文件 目录 作为 FTP 站 点 主 目 录 , 这 个 目录 就 是 以 
后 该 FTP 站 点 的 多 辑 根 目 录 。 本 例 中 ,特地 选择 C:\My Web Site 目录 。 

(5) 单 击 【[ 下 一 步 ] 按 钮 ,进入 FTP 站 点 主 目录 权限 设置 ,FTP 的 权限 比较 简单 ,只 有 
【 读 取 ] 和 【[ 写 人】? 种 ,可 以 根据 需要 来 设置 。 

(6) 单 击 【 下 一 步 3 按 钮 ,完成 FTP 站 点 的 建立 。 

图 10-15 中 显示 了 建立 这 两 个 站 点 后 ,Internet 服务 管理 器 的 变化 。 


EE 
上 换 作 查看 W || 外 消 | 生 | 四 | 欠 加 |@|| 晨 | | 


| 


Internet 信息 服务 
* websr' 


日 遇 YY 
四 关 默认 FTP 站 点 (已 停止 ) 
[My Ste Drectony] 
田 厂 默认 Web 站 点 


加 友 管理 web 让 点 
下 msite 


图 10-15 ”新建 的 两 个 站 点 


10.2 安装 和 设置 实验 数据 库 
10.2.1 Microsoft Access 


Access 的 安装 包含 在 Office 的 安装 中 ,Office 的 安装 已 经 有 很 多 书 可 以 参考 ,这 里 不 
再 缆 述 。 
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Access 之 所 以 被 集成 到 Office 中 而 不 是 Visual Studio 中 ,是 因为 它 更 加 简单 易学 ， 
一 个 普通 的 计算 机 用 户 即 可 掌握 并 使 用 它 。 而 且 最 重要 的 一 点 是 ,Access 的 功能 足够 强 
大 ,足以 应 付 一 般 的 数据 管理 及 处 理 需 要 。 

在 Access 中 创建 数据 库 的 操作 步骤 如 下 : 

(1) 启动 Access, 选 择 [ 文 件 】| 【新建 命令 ,在 弹出 的 任务 窗口 中 选择 【 空 数据 库 】 选 
项 ,系统 弹出 如 图 10-16 所 示 的 【文件 新 建 数据 库 ] 对 话 框 , 输 入 文件 名 后 , 单 击 【创建 ] 按 
钮 ,新 的 数据 库 就 将 保存 在 这 个 文件 中 。 


7 件 新 建 数据 库 
保存 位 置 @): [ 守 我 8 省 下 “- 和 同人 @[C 加 "I 上 Ww- 


10.10.1. 101 


图 10-16 【文件 新 建 数据 库 ] 对 话 框 


(2) 第 一 步 创 建 了 一 个 空 数 据 库 ,里 面 一 个 表 都 还 没有 ,要 创建 一 个 新 表 , 在 如 
图 10-17 所 示 的 窗口 中 ,选择 【使 用 设计 器 创建 表 】 选 项 , 单 击 【设计 3 按钮 。 


名 Score ; 数据库 (Access 200 


哺 打 开启 设 +1W 加 剖 时 如 六 ae 交 国庆 


对 象 [1 时 使 用 设计 器 创建 表 
贺 使 用 向 导 创 建 表 
加 计生 | 四 天 J 输 和 数据 创建 表 
国 窗 体 
回 报表 
名 页 
‘a 
党 模块 

组 
国 收藏 严 


图 10-17 数据 库 管理 窗口 


(3) 在 如 图 10-18 所 示 的 【 表 】 设 计 窗 口中 ,输入 各 【字段 名 称 】、【 数 据 类 型 ] 和 【说 
明 】, 并 将 studentno 设 为 主键 ; 常用 的 数据 类 型 有 【文本 】 【备注 3( 不 限 长 度 的 长 文本 )、 
【数字 】【 货 币 】 【日 期 ] 等 ;要 将 某 个 字段 设 为 主键 ,只 要 在 设计 窗口 右 击 该 字段 ,选择 【 主 
键 ] 命 令 即 可 ;主键 用 于 在 表 中 唯一 地 标识 记录 ;在 【字段 属性 ] 域 的 [常规 ] 选 项 卡 中 ,可 以 
设置 字段 的 大 小 、 格 式 和 规则 等 属性 。 
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图 10-18 设计 表 


(4) 完成 后 关闭 该 窗口 ,系统 会 问 是 否 要 保存 , 单 击 【是 了 按钮 ,输入 表 名 后 保存 ,结果 
如 图 10-19 所 示 。 


加 Score : 光 
哨 打 开启 谢 t Wj J 新 时 X sa 交 [ 汪 | 曲 
团 使 用 设计 器 创建 表 

加 使 用 向 导 包 建 表 
通过 输入 数据 创 于 表 


国 
由 


名 NN 四 国 回 凤 
明 半 贡 要 


B 
. 


图 10-19 新建 的 表 


(5) 双击 表 名 可 以 进入 数据 浏览 和 输入 窗口 ,直接 添加 数据 。 图 10-20 显示 了 数据 
浏览 和 输入 窗口 ,以 及 右 击 某 一 记录 出 现 的 菜单 。 在 此 窗口 中 ,可 以 输入 、 修 改 和 删除 
记录 。 


图 10-20 表 的 数据 浏览 和 输入 窗口 
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10.2.2 ” Microsoft SQL Server 介绍 


安装 SQL Server 2000 需要 有 安装 CD, 安 装 的 操作 步骤 如 下 : 
(1) 插入 安装 CD, 安 装 程序 会 自动 运行 ,选择 [安装 SQL Server 2000 组 件 〗 选 项 ,并 
选择 [安装 数据 库 服务 器 选项。 
(2) 屏幕 显示 欢迎 画面 , 单 击 【[ 下 一 步 ] 按 钮 继续 ,可 以 看 到 如 图 10-21 所 示 的 对 话 框 ,由 
F 在 本 机 上 安装 SQL Server, 因 此 选择 [本 地 计算 机 了 单 选项 ,并 单 击 【[ 下 一 步 ] 按 钮 。 


本 
辆 入 要 在 其 上 创 娃 新 的 SQL Server 实例 或 修改 现 有 
5QL Server 实例 的 计算 机 的 名 称 。 


es 了 辆 六 要 息 理 的 新 的 或 现 有 的 庶 拆 50 5elyer 
ie 


EBSRAY 

人 本 地 计算 机 [LI) 
个 远程 计算 机 上 ) 
个 虚 执 服务 器 名 


浏览 [8] 


— Ww | <t-sw|r-swm)| mw | 
图 10-21 选择 待 安装 的 计算 机 


(3) 选择 [创建 新 的 SQL Server 实例 ,或 安装 客户 端 工 具 】 选 项 , 单 击 【 下 一 步 ] 按 钮 。 
(4) 输入 用 户 信 息 后 , 单 击 【 下 一 步 3 按 钮 。 
(5) 在 许可 协议 页 中 单 击 【是 按钮 确认 , 单 击 【 下 一 步 ] 按 钮 。 
(6) 在 如 图 10-22 所 示 的 【安装 定义 】 对 话 框 中 ,选择 【服务 器 和 客户 端 工具 ] 单 选项 ， 
单 击 【 下 一 步 ] 按 钮 。 


安装 定义 划 
可 从 下 列 安 装 类 型 中 选择 一 个 。 
个 仅 客户 端 工具 [) 


个 公演 接 加 ) 


Wm my 
图 10-22 选择 安装 类 型 


(7) 接受 默认 的 实例 名 , 单 击 [ 下 一 步 ] 按 钮 。 
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(8) 接受 【典型 ] 安 装 类 型 , 单 击 【 下 一 步 ] 按 钮 。 

(9) 在 如 图 10-23 所 示 的 【服务 账户 了 对 话 框 中 ,如 果 和 希望 SQL Server 将 来 扩展 到 分 
布 式 环境 , 则 应 选择 【使 用 域 用 户 账 户 了 单 选项 ,否则 可 以 选择 【使 用 本 地 系统 账户 了 单 选 
项 , 单 击 [ 下 一 步 ] 按 钮 。 


10-23 选择 服务 账号 


(10) 在 如 图 10-24 所 示 的 对 话 框 中 ,选择 身份 验证 模式 ,如 果 只 有 Windows Active 
Directory 用 户 访问 数据 库 , 可 以 选择 [Windows 身份 验证 模式 ] 单 选项 。 否则, 如果 有 其 他 系 
统 的 用 户 , 例 如 UNIX 用 户 ,要 访问 数据 库 , 则 必须 选择 【混合 模式 了 单 选项 ,建议 采用 【混合 
模式 ]。 在 [Windows 身份 验证 模式 】F ,Administrator 拥有 SQL Server 系统 管理 权限 ,【 混 
合 模式 】 另 外 增加 sa 账号 作为 数据 库 管 理 账号 。 设 置 完 成 后 , 单 击 【[ 下 一 步 ] 按 钮 。 


10-24 选择 身份 验证 模式 


(11) 再 单 击 [下 一 步 ] 按 钮 ,会 看 到 【许可 模式 选择 ,按照 SQL Server 购买 许可 的 实 
际 情 况 选 择 后 , 单 击 【继续 按钮 开始 安装 程序 。 

(12) 安装 SQL Server 2000 的 过 程 中 会 安装 MDAC 2. 6 (Microsoft Data Access 
Component 2. 6) ,这 个 组 件 的 版 本 已 经 不 够 新 了 ,Microsoft 建议 升级 到 2.7 版 ,可 以 在 安 
装 SQL Server 后 做 升级 。 

(13) 接 下 来 按照 安装 程序 的 提示 做 就 可 以 了 。 

安装 完成 后 ,在 【程序 】| 【Microsoft SQL Server] 中 有 [企业 管理 器 】 选 项 ,用 [企业 管 
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理 器 可 以 完成 对 SQL Server 和 数据 库 的 基本 上 所 有 的 管理 工作 。 
如 图 10-25 所 示 的 是 【企业 管理 器 了 的 窗口 。 


Th SQ server Enterprise Manager 


图 10-25 【SQL Server 企业 管理 器 窗口 


在 企业 管理 器 中 新 建 数 据 库 的 操作 步骤 如 下 : 
(1) 右 击 数据 库 文件 夹 ,选择 【新 建 数据库】 选项。 系统 会 显示 [数据 库 属 性 ] 对 话 框 ， 
如 图 10-26 所 示 。 


EE > 革 


第 规 | 数据 文件 | 事务 日 志 | 


图 10-26 【数据 库 属 性 对话 框 


(2) 在 【名 称 】 文 本 框 中 输入 一 个 数据 库 名 ,例如 test, 单 击 【确定 了 按钮 就 创建 了 一 个 
名 为 test 的 新 数据 库 ,SQL Server 会 自动 选择 新 数据 库 的 其 他 属性 。 

SQL Server 也 支持 通过 SQL 语句 来 创建 数据 库 , 当然 这 对 一 个 普通 用 户 来 说 是 没 
有 必要 的 ,并 且 也 是 烦琐 的 ,本 书 不 打算 进行 详细 讲述 。 

创建 完 test 数据 库 后 ,数据 库 文件 夹 下 就 多 了 一 个 test 数据 库 的 项 ,如 图 10-27 所 示 。 
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SQL Server Enterprise Manager [入 制 全 可 日 于 ee 二 =lglxl 
EEC EEC EE 
上 拧 人 fa) 查看 Ww ID || 和 小 | 知 | 加 | 窗 加 区 | 岛 | 类 | 从 | 即 旭 苇 乌 


[test 11 个 项 目 


图 -图 屿 
[BB BE 
: 


外国 安全 性 
由 国 支持 服务 
生 Meta Data Services 


i 
图 10-27 新 建 数据 库 示 意图 


新 建 数据 表 的 操作 步骤 如 下 : 
(1) 选择 新 建 的 test 数据 库 右 击 ,选择 [新 建 】|【 表 命令 ,如 图 10-28 所 示 。 


| 篇 控制 (CO 窗口 (w) 帮助 
上 操作 (和) 查看 W 工具 D || 和 小 | 舌 | 国 |X 架 回 罗 |@ 
| 光 | 闪 | 即 介 转 @ 


SQL Server 姐 
日 全 (oca) (Wndows NT) 
昌国 数据 库 


由 - 国 master 


由 
由 
由 
图 
由 
田 
自 
自 
自 
自 


图 图 图 图 


2 
时 
: 


图 10-28 新建 [ 表 ] 的 示意 图 


(2) 在 弹出 的 [数据 表 设计 器 窗口 中 定义 [ 列 名 【数据 类 型 ] 和 其 他 属性 ,细心 的 读 
者 会 发 现 这 个 【数据 表 设 计 器 】 与 Access 的 表 设计 器 极其 相似 。 作 为 类 比 的 例子 ,在 这 
里 ,用 讲解 Access 时 用 的 student 表 的 结构 来 创建 新 表 , 如 图 10-29 所 示 。 

(3) 单 击 工具 栏 中 的 国 图 标 保存 设置 ,在 [选择 名 称 】 对 话 框 中 输入 新 表 的 名 称 ,如 图 
10-30 所 示 ,并 单 击 【确定 ] 按 钮 确认 ,新 表 即 建立 完成 。 

在 SQL Server 中 ,有 类 似 Access 的 数据 浏览 和 输入 界面 ,方便 用 户 浏览 输入、 删除 
表 的 记录 。 现 在 ,在 企业 管理 器 中 可 以 看 到 ,在 test 数据 库 文件 夹 下 ,选择 【 表 】 选 项 ,可 
以 看 到 右 窗 格 中 列 出 了 test 数据 库 的 所 有 数据 表 , 如 图 10-31 所 示 。 除 了 新 建 的 student 
表 外 ,还 有 很 多 系统 表 , 这 些 表 与 用 户 无 关 , 用 于 存储 系统 管理 数据 。 
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上 > 的 新 表 ] 


vers\SQL Server 才 \( [= EF 


10-31 打开 表示 意图 
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右 击 数据 表 student', 在 快捷 菜单 中 选择 [打开 表 了 必 返 回 所 有 行 了 命令 , 即 可 以 看 到 与 
Access 中 类 似 的 数据 浏览 与 输入 窗口 ,如 图 10-32 所 示 ,用 户 可 以 在 图 10-32 所 示 的 表 中 
输入 数据 。 


in SQL server Enterprise Manager - [2: 表 "student” 中 的 数据 。 位置 是 SiesesA NGESIREE 


ES lelzx 
罗 | 至 夏 到 豆 | 生 | 区 肝 | 外 到 有 医 | 旨 


图 10-32 在 表 中 输入 数据 


10.3 建立 数据 库 连接 


虽然 开发 工作 在 装 有 Dreamweaver 8 的 工作 站 上 进行 ,但 是 所 有 的 数据 库 连 接 配 置 ， 
包括 DSN 和 数据 库 连接 实际 上 都 是 存在 于 Web 服务 器 上 的 ,因为 最 终 Web 应 用 程序 是 
在 Web 服务 器 端 运行 的 。 配 置 完 成 后 ,在 Dreamweaver 8 上 将 能 够 读 到 在 Web 服务 器 
上 的 DSN 配置 ,但 是 这 个 配置 存在 于 Web 服务 器 上 , Web 服务 器 上 的 动态 页 面 将 用 这 
个 配置 来 访问 数据 库 。 

因此 ,以 下 所 说 的 ODBC DSN 的 配置 工作 应 该 在 Web 服务 器 上 完成 。 

另外 ,Dreamweaver 8 只 能 读 取 服务 器 上 的 System DSN, 因 此 在 配置 DSN 时 应 注意 
选择 DSN 类 型 。 


10.3.1 配置 Access 数据 库 的 ODBC DSN 


由 于 Access 不 是 分 布 式 数据 库 , 因 此 ,Access 的 数据 库 文件 必须 存在 于 Web 服务 器 
的 计算 机 上 。 因 此 在 设置 之 前 ,请 先 把 数据 库 文件 复制 到 Web 服务 器 所 在 的 计算 机 上 。 
以 前 面 建立 的 Score. mdb 数据 库 为 例 , 假 设 把 它 复 制 到 了 Web 服务 器 的 C:\Access 目 
录 下 。 

Access 数据 库 的 系统 DSN 的 配置 过 程 如 下 : 
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(1) 选择 Web 服务 器 上 的 【开始 了 【设置 】 命 令 ,打开 【控制 3 面板 ,双击 打开 【管理 工 
具 ] 窗 口 ,然后 再 双击 【数据 源 (ODBC)】 图 标 ,打开 【ODBC 数据 源 管理 器 】。 
(2) 选择 [系统 DSN] 选 项 卡 , 单 击 [ 添 加 按钮 ,如 图 10-33 所 示 。 
2 


用 户 DSN 系统 了 SN | 文件 DSN | 豫 动 程序 | 跟踪 | 连接 池 | 关于 | 
系统 数据 源 G) ; 


添加 0)... 
Microsoft Access Driver (*.mdb) 
CompanyInfo Microsoft Access Driver (#.mdb) 
ExanpleApps Microsoft Access Driver (#.mdb) 
LocalServer SQL Server 
配置 C). 


全 


确定 取消 | 应 用 区 ) 帮助 | 
图 10-33 【ODBC 数据 管理 器 ] 对 话 框 


(3) 单 击 [ 添 加 了 按钮 后 ,系统 显示 如 图 10-34 所 示 的 【创建 新 数据 源 】 对 话 框 ,选择 数 
据 源 为 【Microsoft Access Driver (* .mdb)】, 并 单 击 【 完 成 7 按钮 。 


创建 新 数 括 源 PE xl 


选择 悠 想 为 其 安装 数据 源 的 驱动 程序 E)。 


Driver da Microsoft para arquivos texto (% 
Driver do Microsoft Access (#.mdb) 

Driver do Microsoft dBase (*, dbf) 

Driver do Microsoft Excel (#.xls) 

Driver do Microsoft Paradox (#.db ) 


Driver para o Micros: 
Microsoft Acces: 
Microsoft Access-Treiber (#.mdb) 
Microsoft dBase Driver (#. dbf) 


Microsoft dBase YFP Driver 人 er, dbf) ”| 
上 


oft Yi sual FoxPro 
Ye db) 


图 10-34 【创建 新 数据 源 ] 对 话 杠 


(4) 这 时 系统 显示 【ODBC Microsoft Access 安装 】 对 话 框 , 在 对 话 框 的 [数据 源 名 】 文 
本 框 中 输入 配置 的 DSN 名 称 , 例 如 Score。 然 后 单 击 [选择 了 按钮 ,如 图 10-35 所 示 。 

(5) 这 时 系统 显示 ODBC 数据 管理 器 的 对 话 框 ' 如 图 10-36 所 示 。 在 对 话 框 中 选 
择 正确 的 目录 和 数据 库 文件 ,选择 数据 库 完 成 后 , 单 击 【 确 定 ] 按 钮 返回 。 

(6) 单 击 【 确 定 ] 按 钮 ,画面 如 图 10-36 所 示 , 这 时 在 系统 数据 源 列 表 中 出 现 了 “Score”。 

(7) Access 数据 库 Score 的 系统 DSN 配置 完成 。 
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数据 库 - 帮助 0 


EE 0 | ssm. | EW) 


系统 数据 库 
售 无 如 
个 数据 库 部 ): 
未 丘 数 需 库 人 0) 
选项 @)>>》 


图 10-35 【ODBC Microsoft Access 安装 】 对 话 框 


全 0DBC 煞 据 往 管 理 器 2 


用 户 DSW 系统 DSN | 文件 ISN | 驰 动 程序 | 跟踪 ”| 连接 池 | 关于 | 


确定 取消 | a 有 | 帮助 | 
图 10-36 【ODBC 数据 源 管理 器 】 对 话 框 


10.3.2 配置 SQL Server 数据 库 的 ODBC DSN 


以 10. 2. 2 节 建 立 的 test 为 例 ,SQL Server 数据 库 系统 DSN 配置 的 操作 步骤 如 下 : 

(1) 在 Web 服务 器 上 的 选择 [开始 YI【 设 置 ] 命 令 , 打 开 【 控 制 ] 面 板 , 双 击 打开 【管理 
工具 窗口 ,然后 再 双击 【数据 源 (ODBC)】 图 标 。 

(2) 选择 [系统 DSN】 选 项 卡 , 单 击 【 添 加 ] 按 钮 ,这 时 会 弹出 如 图 10-37 所 示 的 【创建 
新 数据 源 】 对 话 框 , 选 择 KSQL Server】 选 项 , 单 击 【完成 ] 按 钮 。 

(3) 这 时 系统 将 显示 第 1 个 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 , 在 对 话 框 的 
【名 称 ] 文 本 框 中 输入 要 配置 的 DSN 名 称 ,例如 test, 在 [服务 器 ] 框 中 输入 SQL Server 的 
服务 器 名 或 IP 地 址 ,如 果 SQL Server 数据 库 和 Web 服务 器 在 同一 台 计 算 机 的 话 ,可 以 
选择 (local) 选 项 ,如 图 10-38 所 示 。 

(4) 单 击 【[ 下 一 步 ] 按 钮 ,这 时 弹出 第 2 个 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 ， 
选择 [使 用 用 户 输入 登录 ID 和 密码 的 SQL Server 验证 ] 单 选项 ,这 将 采用 混合 方式 来 验 
证 用 户 ;在 【登录 ID] 文 本 框 中 输入 管理 员 用 户 名 sa, 在 【密码 ] 文 本 框 中 输入 sa 的 密码 ， 
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EEEEE 四 


选择 您 想 为 其 安装 数据 源 的 驱动 程序 GE)。 


Microsoft FoxPro VFP Driver 休 dbf) 
Mierosoft ODBC for Oracle 

有 iereseft Paradox Driver (#. db ) 

Microsoft Paradox-Treiber (tdb ) 

Microsoft Text Driver (x. txt; #.csv) 
Microsoft Text-Treiber (#. txt; #. csv) 
Mierosoft Visual FoxPro Driver 

Mierosoft Visual FoxPro-Treiber 

MySQL 

ESL Se = 


mw | 
图 10-37 【创建 新 数据 源 ] 对 话 框 


创建 到 SQL Server 的 新 数 括 着 汝 | 


此 向 导 梅 帮助 建立 一 个 能 用 于 连接 SQL Server 的 0DBC 数据 源 。 


图 10-38 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 之 一 


创建 到 SQL server 的 新 数据 杜 x 
SQL Server 应 该 如 何 验证 登录 ID 的 真 伪 ? 


个 使 用 网 络 登录 ID 的 Windovs IT 验证 中。 


他 大 用 用 户 辆 大 登 录 本 和 密码 的 39L Server 验证 (). ] 
要 更 改 用 于 与 SQL Server 通讯 的 网 络 库 ， 请 单 击 “ 客 户 端 配置 ” 


客户 端 且 置 中 
SQL Server 以 获得 其 它 配置 选项 的 默认 设置 C)。 


SmDUr 
:rr 


my | | 


图 10-39 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 之 二 


如 图 10-39 所 示 。 
(5) 单 击 [ 下 一 步 ] 按 钮 ,进入 到 第 3 个 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 , 选 
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中 [更改 默认 的 数据 库 为 ] 复 选 框 ,并 选择 test 数据 库 , 如 图 10-40 所 示 。 


图 10-40 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 之 三 


(6) 单 击 [下 一 步 ] 按 钮 ,系统 显示 第 4 个 【创建 到 SQL Server 的 新 数据 源 】 对 话 框 ， 
接受 默认 设置 ,如 图 10-41 所 示 。 


图 10-41 【创建 到 SQL Server 的 新 数据 源 ] 对 话 框 之 四 


(7) 单 击 【完成 了 按钮 , 弹出 【ODBC 
Microsoft SQL Server 安装 】 对 话 框 ,在 这 个 对 
话 框 中 ,系统 提供 一 个 测试 DSN 配置 正确 性 的 
简单 工具 ,建议 在 设置 完 连 接 SQL Server 数据 
库 的 DSN 的 时 候 都 要 进行 数据 源 测试 , 如 
图 10-42 所 示 。 

(8) 单 击 【 测 试 数据 源 ] 按 钮 进行 测试 ,如 果 
测试 成 功 则 会 出 现 如 图 10-43 所 示 的 对 话 框 。 
否则 请 检查 各 步骤 是 否 正 确 设 置 ,主要 是 名 称 和 
网 络 连 接 性 配置 是 否 正 确 , 当 然 , 也 有 可 能 是 网 
络 故障 , 连 不 通 数据 库 服务 器 。 图 10-42 【测试 数据 源 ] 结 果 显 示 


@ 电子 商务 网 站 建设 教程 (第 2 版 ) 


opec Microsoft SQL server 安装 


(9) 单 击 【确定 ] 按 钮 ,直到 返回 [ODBC 数据 源 管理 器 ] 对 话 框 ,如 图 10-44 所 示 , 可 
以 看 到 在 [系统 数据 源 ] 列 表 中 出 现 了 “test" 项 。 
ET 1 


用 户 DSN 系统 DSW | 文件 TSI | 驱动 程序 | 跟踪 | 连接 池 | 关于 | 


soL server 0D6C 煞 括 注 测 试 x 


确定 | 取消 | 应 有 | 者 w | 


图 10-43 【ODBC 数据 源 测试 ] 对 话 框 图 10-44 【ODBC 数据 源 管理 器 ] 对 话 框 


(10) SQL Server 数据 库 系 统 DSN 配置 完成 。 
10.3.3 在 Dreamweaver 8 的 ASP Web 应 用 中 建立 Connection 


在 服务 器 端 建立 好 ODBC DSN 后 ,就 可 以 供用 户 在 客户 端的 Dreamweaver 8 中 开发 


ASP 应 用 程序 的 过 程 中 使 用 了 。 

假设 已 经 在 Dreamweaver 8 中 定义 好 一 个 支持 ASP 技术 的 站 点 ,如 何在 一 个 支持 
ASP 的 动态 页 面 中 建立 到 数据 库 的 连接 呢 ? 操作 步骤 如 下 : 

(1) 在 Dreamweaver 8 的 浮动 面板 中 , 单 击 【 应 用 程序 展开 按钮 ,打开 【应 用 程序 ] 面 
板 , 如 图 10-45 所 示 。 

(2) 在 【数据 库 ] 选 项 卡 中 , 单 击 国 | 按钮 ,出现 如 图 10-46 所 示 的 快捷 菜单 。 


这 工 二 乡 定 | 服务 器 行为 “ 组件 


已] 文档 类 型 : hsP VBScript 


若 要 在 该 页 面 上 使 用 动态 数据 : 
Y 1 为 这 文件 所 了 建 站 点 


4 单 击 上 面 的 + 按 钥 旬 了 建 注 接 。 


这 于 纪 定 | 服务 器 行为 | 组 件 
固 口 文 刷 尖 型 : As vbseript c¢ 


自 定义 连接 字符 囊 gy 
数据 源 名 称 DSI) 史 庆 
2， 选择 一 种 文档 类 型 。 


3. 设置 站 点 的 测试 服 备 器 。 
4. 单 击 上 面 的 + 按钮 创建 连接 。 


图 10-45 【应 用 程序 了 面板 示意 图 


图 10-46 【数据 库 了 面板 添加 菜单 


(3) 选择 [数据 源 名 称 ] 命 令 ,这 时 会 弹出 如 图 10-47 所 示 的 对 话 框 ,在 【连接 名 称 ] 文 


本 框 中 输入 给 该 连接 的 名 字 , 例 如 cnnScore。 
(4) 如 果 Dreamweaver 8 没有 直接 安装 在 Web 服务 器 上 做 开发 的 话 ( 也 就 是 说 
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数据 源 名 称 (DSH) 


图 10-47 【数据 源 名 称 (DSN)】 对 话 框 之 一 
Dreamweaver 8 和 Web 服务 器 不 在 同一 台 计 算 机 ) ,那么 在 【Dreamweaver 应 连接 了 单 选 
项 中 ,应 该 选择 [使 用 测试 服务 器 上 的 DSN] 选 项 ,否则 应 该 选 【使 用 本 地 DSN] 选 项 。 
(5) 单 击 [CDSN] 按 钮 ,通过 屏幕 上 的 信息 对 话 框 可 以 知道 ,Dreamweaver 8 试图 读 取 
远程 站 点 (远程 开发 时 ) 中 的 系统 DSN 列表 ,完成 后 会 弹出 如 图 10-48 所 示 的 对 话 框 。 
选取 ODBC DSK 
选 职 0DBC DIS 了 


CFSnippets 


Pur chaseSys 


和 


图 10-48 【选取 ODBC DSN] 对 话 框 


(6) 选择 10. 2. 1 节 中 定义 的 Score( 读 者 应 该 还 记得 ,这 个 DSN 定义 了 服务 器 上 的 


一 个 Score. mdb Access 数据 库 ) , 单 击 【确定 按钮 后 ,Score 出 现在 【数据 源 名 称 (DSN)】 
文本 框 中 ,如 图 10-49 所 示 。 


数据 源 名 称 《DSH) 


连接 名 称 : [ 
数据 源 名 称 SN): Ecore 
用 户 名 : 

密码 : 


Dreanweaver 应 连接 : @ 使 用 测试 服务 器 上 的 DSN 
O 〇 全 用 本 地 


图 10-49 【数据 源 名 称 (DSN)】 对 话 框 之 二 


(7) 如 果 该 数据 源 要 求 输入 用 户 名 和 密码 ,那么 在 【用户 名 ] 文 本 框 中 输入 用 户 名 ,在 
【密码 ] 文 本 框 中 输入 密码 。 


(8) 单 击 【测试 ] 按 钮 测试 DSN 设置 是 否 正确 ,如 果 正 确 会 出 现 如 图 10-50 所 示 的 成 
功 连接 脚本 信息 ,否则 请 检查 DSN 的 配置 .用 户 名 和 密码 是 否 正 确 。 
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(9) 单 击 【 确 定 了 按钮 退出 DSN 设置 ,就 可 以 看 到 【数据 库 】 选 项 卡 中 多 了 一 个 代表 数 
据 库 连 接 的 cnnScore 图 标 , 单 击 前 面 的 加 号 可 以 打开 连接 树 ,在 树 中 可 以 看 到 数据 库 的 
组 成 结构 ,如 图 10-51 所 示 。 

(10) 选择 并 右 击 某 个 数据 表 , 例 如 Student, 在 弹出 的 快捷 菜单 中 选择 【显示 数据 库 】 
命令 ,可 以 看 到 如 图 10-52 所 示 的 窗口 ,在 这 个 窗口 里 可 以 浏览 该 表 的 所 有 记录 。 

(11) Connection 的 建立 已 经 完成 。 


了 于 定 | 服 务 器 行为 “组件 
WD 文档 类 型 : ASF ypseript 
6 
日 


class WChar 50) 
erade (WChar 50) 

name (WChar 50) 
studentno (WChar 50) 


Hacroaedia Dreanveaver | 区 


对 预存 过 程 


图 10-51 数据 库 的 组 成 结构 


ES | 
EE CD 


图 10-52 【查看 数据 对话 框 
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| 11 章 ”建立 和 发 布 Web 站 点 


知识 点 

。 建立 面向 Web 应 用 开发 的 Dreamweaver 8 站 点 
。 站 点 的 编辑 方法 

。 站 点 文件 的 更 新 方法 


11.1 建立 面向 Web 应 用 开发 的 


Dreamweaver 8 站 点 


在 前 面 的 章节 中 并 没有 涉及 Web 应 用 开发 方面 的 内 容 , 因 此 并 没有 为 读者 完整 地 描 
述 如 何 建立 支持 Web 应 用 开发 的 Dreamweaver 8 站 点 。 这 一 节 将 讲解 这 方面 的 内 容 。 


1. 面向 应 用 开发 的 站 点 管理 模型 


Dreamweaver 8 中 的 站 点 包含 了 实体 站 点 的 内 容 、 位 置信 息 ,以 及 如 何 访问 实体 站 
点 ,如 何在 开发 过 程 中 发 布 更 新 到 实体 站 点 的 一 系列 配置 信息 。Dreamweaver 8 中 的 站 
点 实际 上 是 面向 内 容 更 新 的 一 个 管理 模型 ,或 者 说 可 以 看 成 一 个 开发 项 目 。 

Dreamweaver 8 的 站 点 管理 模型 由 3 个 部 分 组 成 。 了 解 这 3 个 部 分 ,是 理解 
Dreamweaver 8 站 点 管理 的 关键 。 这 3 个 部 分 是 : 

(1) 本 地 站 点 

可 以 说 是 Dreamweaver 8 的 工作 目录 ,可 以 看 做 是 实体 站 点 上 的 目录 结构 和 文件 在 
Dreamweaver 8 开发 工作 站 上 的 一 份 副本 。 从 开发 流程 上 说 ,开发 者 先 用 Dreamweaver 
8 在 本 地 站 点 编辑 修改 和 存储 文件 ,然后 上 传 到 实体 站 点 。 可 以 说 ,开发 者 先 在 本 地 站 
点 上 打 草 稿 ,测试 满意 后 ,可 以 选择 上 传 文件 到 实体 站 点 。 

(2) 远程 站 点 

Dreamweaver 8 用 它 来 表示 实体 站 点 位 置 和 具体 内 容 。 新 建 的 文件 只 有 从 本 地 站 点 
上 传 后 , 才 会 在 远程 站 点 中 出 现 。 因 此 ,一 个 开发 中 的 网 站 ,其 本 地 站 点 和 远程 站 点 的 内 
容 和 结构 经 常 是 不 同步 的 。 远 程 站 点 上 存放 的 是 定稿 后 发 布 给 用 户 看 的 内 容 , 是 实际 对 
外 开放 服务 的 真实 站 点 的 位 置 。 


(3) 测试 服务 器 

测试 服务 器 是 Dreamweaver 8 用 来 测试 站 点 的 位 置 和 内 容 的 ,Dreamweaver 8 使 用 
此 服务 器 生成 动态 内 容 并 在 工作 时 连接 到 数据 库 。 测 试 服务 器 是 一 个 支持 开发 者 选用 的 
应 用 服务 器 技术 的 Web 服务 器 ,可 以 是 本 地 计算 机 、 测 试用 的 服务 器 或 生产 服务 器 。 简 
单 的 开发 项 目 中 ,一 般 选 择 生 产 服务 器 (生产 服务 器 是 指 最 终 向 外 界 提供 服务 的 Web 服 
务 器 ) 作 为 测试 服务 器 , 即 远程 站 点 和 测试 服务 器 是 在 同一 个 位 置 ,这 与 Dreamweaver 8 
新 建站 点 向 导 的 默认 选择 是 一 致 的 (熟悉 JSP 开发 的 读者 一 定 清 楚 例外 的 情况 , 即 测试 
服务 器 往往 不 是 生产 服务 器 ) 。 

在 新 建 Dreamweaver 8 站 点 时 ,并 不 一 定 要 一 次 把 上 述 3 个 部 分 都 定义 好 。 设 置 了 
本 地 站 点 后 ,就 可 以 开始 使 用 Dreamweaver 8 进行 开发 了 。 在 测试 和 部 署 内 容 之 前 ,并 
不 需要 定义 远程 站 点 和 测试 服务 器 。 

本 地 站 点 和 远程 站 点 创建 后 便 能 够 在 本 地 磁盘 和 Web 服务 器 之 间 传 输 文件 ,将 新 创 
作 的 页 面 发 布 到 Web 服务 器 上 。 

对 于 简单 的 开发 环境 ,往往 把 远程 站 点 和 测试 服务 器 选 作 用 同一 台 服 务 器 ,这 种 情况 
下 ,可 以 把 远程 站 点 和 测试 服务 器 看 做 是 相同 的 (本 章 后 面 可 以 看 到 这 样 的 例子 ) 。 


2. 站 点 管理 模型 背后 的 阶段 化 开发 方法 


阶段 化 开发 方法 (staging) 是 指 在 软件 开发 过 程 中 ,开发 阶段 .测试 阶段 和 部 署 阶段 
明确 分 开 , 开 发 环境 测试 环境 与 生产 环境 明确 分 开 , 严 格 控制 ,防止 不 必要 的 互相 影响 的 
实施 方法 。 

对 正式 对 外 服务 的 电子 商务 站 点 来 说 ,其 中 提供 服务 的 任何 一 个 Web 应 用 程序 如 果 
存在 bug ,将 直接 影响 到 对 客户 的 服务 水 平和 质量 ,而且 可 能 造成 客户 或 者 公司 的 直接 或 
者 间接 的 经 济 损失 ,包括 可 能 的 站 点 停机 排 错 。 

因此 ,测试 环境 与 生产 环境 分 开 是 完全 必要 的 。 这 样 就 可 以 对 测试 的 结果 进行 有 组 
织 的 评估 ,确定 符合 要 求 的 才 可 以 部 署 到 生产 环境 ,正式 投入 使 用 。 测 试 阶段 所 存在 的 问 
题 就 不 会 轻易 流入 生产 环境 ,保证 了 生产 环境 的 稳定 。 

同样 ,测试 环境 也 需要 保持 它 的 稳定 性 。 测 试 环境 是 一 个 生产 环境 的 未 稳定 的 副本 , 包 
含 生产 环境 中 的 各 个 互相 作用 的 组 成 部 分 ,复杂 度 与 之 相当 。 一 个 完整 的 开发 过 程 ,包含 一 
个 开发 团队 ,其 中 各 个 小 组 完成 不 同 的 部 分 ,如 果 谁 完成 了 一 部 分 工作 都 立即 扔 进 测试 环境 
的 话 ,测试 就 缺乏 组 织 , 排 错 找 *“ 虫 ”就 会 变 得 异常 


困难 。 谁 也 不 知道 正在 诊断 排除 的 错误 ,是 不 是 和 站 
别 的 模块 有 关 , 甚 至 不 知道 排 错过 程 中 ,别人 有 没 mE 
有 又 引入 了 其 他 错误 。 因 此 ,开发 环境 和 测试 环境 ka 而 


分 开 也 是 完全 必要 的 。 这 样 ,开发 好 的 模块 投入 测 i dit: 局 | 

试 也 变 成 一 种 有 组 织 的 行为 ,更 加 易于 控制 。 加 -人 
Dreamweaver 8 的 站 点 管理 模型 , 正 对 应 了 

staging 的 3 个 阶段 : 本 地 站 点 对 应 了 开发 环境 ; eS 


对 应 | 
测试 服务 器 对 应 了 测试 环境 ;远程 站 点 对 应 了 生 “rs 上 上 从 区 
产 环境 。 (测试 环境 ) 

完整 的 站 点 管理 流程 如 图 11-1 所 示 。 图 11-1 Dreamweaver 8 的 站 点 管理 模型 
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(1) 开发 者 先 用 Dreamweaver 8 在 本 地 站 点 编辑 .修改 和 存储 文件 。 

(2) 需要 测试 的 内 容 上 传 到 测试 服务 器 ,使 用 测试 服务 器 测试 这 些 内 容 。 

(3) 测试 完成 获得 认可 的 内 容 上 传 到 远程 站 点 。 

注意 : 不 要 认为 这 3 个 环境 就 是 3 台 不 同 的 计算 机 ,任意 两 个 环境 都 可 以 同时 存在 
于 同一 台 计 算 机 中 ,甚至 这 3 个 环境 都 可 以 在 一 台 计 算 机 上 。 测 试 服务 器 与 远程 站 点 可 
以 在 同一 台 服 务 器 上 对 应 不 同 的 两 套 站 点 组 合 (Web 站 点 加 FTP 站 点 的 组 合 ) ,分 别 用 
不 同 的 站 点 主 目 录 。 开 发 环境 也 可 以 在 上 述 服 务 器 上 ,其 本 地 站 点 又 对 应 于 另外 一 个 主 
目录 。 


3. 站 点 管理 模型 背后 的 团队 开发 控制 思 


团队 开发 控制 是 指 在 多 人 协作 完成 同一 开发 项 目 时 如 何 控制 源 代码 的 共享 和 编辑 冲 
突 。 如 果 不 加 控制 ,那么 当 有 两 个 开发 者 试图 编辑 同一 个 源 文 件 的 时 候 , 就 会 发 生 编 辑 冲 
突 ,最 后 文件 改 成 什么 样子 ,就 看 谁 最 后 保存 了 。 

Dreamweaver 8 用 取出 和 存 回 这 一 概念 来 解决 团队 开发 中 的 这 类 问题 。 如 果 读 者 用 
过 Visual Source Safe 或 CVS 之 类 的 协作 开发 工具 的 话 , 就 会 对 存 回 (check in) 和 取出 
(check out) 机 制 比较 熟悉 。 

在 启用 了 存 回 和 取出 机 制 后 ,会 出 现下 述 情况 : 

(1) 当 一 个 开发 者 想 要 修改 某 一 文件 ,他 必须 先 将 它 取 出 ,相当 于 向 Dreamweaver 8 
开发 环境 作 了 登记 (“ 嘿 ,Dreamweaver 8, 我 登记 修改 这 个 文件 ,”)，; 

(2) 取出 一 个 文件 以 后 ,开发 者 才 有 权限 上 传 修改 后 的 版 本 ; 

(3) 当 他 修改 完 文件 ,上 传 完 毕 , 认 为 暂时 不 需要 再 修改 时 ,他 可 以 选择 存 回 该 文件 
(“ 咽 ,Dreamweaver 8, 我 改 完了 。”); 

(4) 开发 者 不 能 修改 被 其 他 开发 者 取出 的 文件 ,只 能 读 取 该 文件 当前 的 内 容 ; 

(5) 只 有 等 别 的 开发 者 存 回 了 这 个 文件 ,开发 者 才能 取出 这 个 文件 。 

通过 这 种 存 回 取出 机 制 , 保 证 了 同一 时 间 只 能 有 一 个 开发 者 能 够 修改 某 个 特定 的 文 
件 (他 已 经 取出 了 这 个 文件 ) ,也 保证 了 其 他 开发 者 能 够 看 到 最 新 的 版 本 (只 要 修改 者 上 传 
了 最 新 的 版 本 )。 


11.2 Web 站 点 的 建立 与 编辑 


11.2.1 建立 面向 Web 应 用 开发 的 站 点 


用 Dreamweaver 8 建立 面向 Web 应 用 开发 的 站 点 的 操作 步骤 如 下 : 

(1) 在 Dreamweaver 8 的 浮动 面板 中 , 单 击 【文件 了 浮动 面板 的 展开 按钮 ,打开 [文件 】 
面板 。 

(2) 单 击 [ 文 件 ] 面 板 右上 角 的 菜单 按钮 ,选择 [站 点 了 民 新 建站 点 了 命令 。 

(3) 这 时 会 出 现 如 图 11-2 所 示 的 站 点 定义 向 导 , 在 【您 打算 为 您 的 站 点 起 什么 名 
字 ?] 文 本 框 中 输入 站 点 的 名 字 , 例 如 My Site, 在 【您 的 站 点 的 HTTP 地 址 (URL) 是 什 
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么 ?] 文 本 框 中 输入 站 点 的 地 址 ,然后 单 击 【 下 一 步 ] 按 钮 。 


了 7 site 的 站 点 定义 为 


He JDreanweaver 中 的 站 点 是 文件 和 文件 夹 的 集合 ， 它 对 应 于 服务 器 上 的 Yeb 


您 打算 为 您 的 站 点 起 什么 名 字 ? 

My site 

示例 : MySite 

您 的 站 点 的 TTP 地 址 QURL) 是 什么 ?了 
http://10.10.1.2 | 
示例 : http:/ /ww nyilost, com/nySite 


人 


图 11-2 站 点 定义 向 导 之 一 


(4) 接 下 来 是 关于 站 点 支持 何 种 应 用 服务 器 技术 的 问题 ,如 图 11-3 所 示 。 除 非 想 建 
立 一 个 完全 静态 的 网 站 ,一 般 来 说 ,都 要 选择 【是 ,我 想 使 用 服务 器 技术 选项 ,在 下 拉 列 表 
框 中 选择 想 使 用 的 服务 器 技术 ,例如 ASP VBScript, 然 后 单 击 【[ 下 一 步 ] 按 钮 。 


My Site 的 站 点 定义 为 


您 是 否 打算 使 用 服务 器 技术 ， 加 ColdFusion、ASP. WET、ASP、JSP 或 FHF? 


人 〇 否 , 我 不 起 使 用 服务 器 技术 。 (0) 
名 是， 我 想 使 用 服务 器 技术 。 CD) 


志和 服务 器 技术 ? 
[ASP VESeript 


Kt- 上 Ss®)F-SmH 


图 11-3 站 点 定义 向 导 之 二 
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注意 : 在 开发 一 个 Web 应 用 程序 的 过 程 中 , 选 定 一 种 服务 器 技术 比较 好 ,而 不 要 混 
用 多 种 技术 ,如 果 读 者 对 应 用 服务 器 技术 有 比较 深入 的 研究 ,那么 就 会 知道 ,在 管理 会 话 
级 、 应 用 技术 级 数据 共享 方面 ,各 种 技术 都 有 自己 的 一 套 方法 ,混用 多 种 技术 ,会 在 共享 数 
据 时 遇 到 麻烦 ,当然 也 给 应 用 开发 和 维护 工作 增 大 了 工作 量 。 

(5) 接 下 来 定义 的 是 开发 的 流程 ,默认 的 选择 是 【在 本 地 进行 编辑 ,然后 上 传 到 远程 
测试 服务 器 】, 这 是 比较 稳妥 和 便于 管理 的 做 法 ,如 图 11-4 所 示 ,并 且 在 【您 将 把 文件 存储 
在 计算 机 的 什么 位 置 ?文本 框 中 输入 本 地 编辑 时 文件 存储 的 位 置 ,然后 单 击 【下 一 步 】 
按钮 。 


了 7 site 的 站 点 定义 为 


篇 辑 文件 ,第 3 部 分 


在 开发 过 程 中 ,您 打 算 如 何 使 用 您 的 文件 ? 


〇 在 本 地 进行 编辑 和 测试 ( ee 0 
© air 然后 上 传 罗 远程 测试 服务 | 
[9) rt wy 


您 格 把 文件 存储 在 计算 机 上 的 什么 位 置 ? 
[ei Vy siteyl 


[= 上 WA 


图 11-4 站 点 定义 向 导 之 三 


(6) 接 下 来 是 要 选择 通过 何 种 方式 更 新 测试 服务 器 上 的 文件 ,如 图 11-5 所 示 。 在 
【如 何 连接 到 测试 服务 器 下拉 列表 框 中 选择 的 方式 的 不 同 ,对 话 框 下 方 的 文本 框 中 待 填 
的 内 容 也 会 不 同 ,可 以 选择 的 方式 为 [FTP】)【 本 地 网 络 ] 和 LRDS】。 

@ 建议 选用 [FTP] 的 方式 ,因为 这 是 最 为 标准 的 Internet 协议 。 

@ 若 选 用 [本 地 网 络 ] 方 式 ,此 方式 只 有 Windows 网 络 中 才 有 , 即 Windows 共享 
目录 。 

@ 若 选 用 [RDS] 方 式 , 此 方式 用 于 开发 Cold Fusion 应 用 程序 。 

(7) 当选 择 KFTP] 方 式 更 新 文件 时 ,需要 完成 下 述 设置 。 

g@ 在 第 2 个 文本 框 中 输入 测试 服务 器 的 IP 地 址 ,如 果 有 主机 名 那 最 好 输入 主机 名 。 

@ 在 第 3 个 文本 框 中 输入 测试 服务 器 中 存放 文件 的 文件 夹 名 ,不 输入 此 项 内 容 , 表 
示 使 用 FTP 用 户主 目录 作为 存储 文件 夹 。 

@ 在 下 面 的 两 个 文本 框 中 ,分 别 输入 FTP 用 户 名 和 密码 (注意 ,这 个 用 户 必须 有 对 
其 主 目录 的 完全 权限 ,否则 无 法 更 新 文件 ) ,如 果 选 择 【 保 存 ] 选 项 ,那么 Dreamweaver 8 会 
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记 住 用 户 名 和 密码 ,不 用 每 次 更 新 前 都 让 用 户 输入 。 


了 7 site 的 站 点 定义 为 


您 如 何 连接 要 须 试 服务 器 ? (C) 
Fr 加 


Tb 服务 器 的 主机 名 或 FTP 地 址 是 什么 ? 


10.10.1.2 
悠 打算 格 您 的 文件 存储 在 测试 服务 器 上 的 什么 文件 夹 中 ? 里) 


悠 的 FTP 用 户 名 是 什么 了 


adninistrator 


您 的 FTP 密码 是 什么 ? 
C7 |] 回 全 


口 使 用 安全 FTP (SFTP) 


SEE 


图 11-5 站 点 定义 向 导 之 四 
@ 这 个 向 导 还 提供 了 方便 的 工具 来 测试 定义 的 正确 性 ,只 要 单 击 一 下 【测试 连接 】 按 
钮 ,如 果 正 常 ,应 该 可 以 看 到 如 图 11-6 所 示 的 信息 ,否则 就 应 检查 网 络 是 否 工 作 正常 ， 
FTP 服务 器 是 否 配置 正确 ,用 户 名 和 密码 是 否 输 错 等 。 
Nacromedia Dreanweaver 


YY Nacromedia Dreamweaver 已 成 功 连 接 到 您 的 Web 服务器。 


图 11-6 服务 器 连接 成 功 信息 


(8) 单 击 【 下 一 步 ] 按 钮 ,可 以 看 到 如 图 11-7 所 示 的 对 话 框 。 这 一 步 要 求 给 出 用 什么 
URL 来 访问 测试 服务 器 的 主页 ,以便 测试 。 那 么 ,应 按 10. 1. 3 节 所 说 的 步骤 定义 的 实体 
Web 站 点 是 什么 URL ,就 输入 该 实体 Web 站 点 的 URL。 

(9) 这 一 步 同样 提供 了 方便 的 [测试 URL] 按 钮 。 正 常情 况 下 ,测试 成 功 会 看 到 如 图 
11-8 所 示 的 信息 。 如 果 不 成 功 ,可 以 打开 浏览 器 ,输入 该 URL 直接 访问 主页 试 试 ,看 究 
竞 是 什么 HTTP 错误 ,如 果 是 无 权 浏览 目录 之 类 的 信息 的 话 , 可 能 因为 这 个 Web 站 点 刚 
定义 好 , 尚 无 主页 面 。 

(10) 单 击 [下 一 步 ] 按 钮 进入 协同 开发 选项 的 设置 ,如 图 11-9 所 示 , 如 果 是 一 个 团队 分 
工 开发 同一 个 网 站 的 话 ,需要 启用 存 回 和 取出 机 制 , 如 果 只 是 “ 单 兵 作 战 ? 的 话 , 那 就 不 必 了 。 

(11) 单 击 [下 一 步 ] 按 钮 ,向导 会 列 出 所 有 步骤 中 的 选择 情况 的 总 结 , 单 击 【完成 了 按 
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了 7 Site 的 站 点 定义 为 


Dreanweaver 使 用 HTTF 《 如 同 浏览 器 ) 与 您 的 测试 服务 器 进行 通信 ， 因 此 它 需 要 知道 
你 站 点 的 根 文件 夹 的 URL。 


您 应 谈 使 用 什么 URL 来 浏览 站 点 的 根 目录 ? 他) 
Bip //10 10 1 2/ 


示例 :http://ServerOne/RootFolder/ 


了 acroaedia Dreamweaver x| 


《上 一 步 @) 


图 11-7 站 点 定义 向 导 之 五 图 11-8 ”URL 测试 成 功 信息 


yy Site 的 站 点 定义 为 


是 否 要 启用 存 回 和 取出 文件 以 确保 您 和 悠 的 同事 无 法 同时 编辑 同一 个 文件 ? 


加 是 ,局 用 存 回 和 取出 。Q) 
名著 , 不 启用 存 回 和 取出 。 0 


< 上 =- 步 oj] [取消 


图 11-9 站 点 定义 向 导 之 六 


钮 确认 并 结束 新 站 点 定义 ,如 图 11-10 所 示 。 

(12) 这 时 ,站 点 选项 卡 中 可 以 看 到 刚刚 定义 好 的 My Site 站 点 。 

注意 : 这 个 例子 使 用 Dreamweaver 8 站 点 定义 向 导 上 默认 的 站 点 定义 方法 ,那么 这 
样 定义 出 来 的 站 点 与 站 点 管理 模型 如 何 对 应 呢 ? 实际 上 ,用 【在 本 地 进行 编辑 ,然后 
上 传 到 远程 测试 服务 器 】〗 这 一 选项 定义 的 结果 是 远程 站 点 与 测试 服务 器 的 角色 重 
合 。 对 于 简单 的 电子 商务 站 点 ,复杂 度 不 高 ,在 对 服务 质量 要 求 不 高 的 情况 下 ,这 种 
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了 7 site 的 站 点 定义 为 
基本 | 高 级 | 


站 点 定 文 


您 的 站 点 包含 以 下 设置 


本 地 信息 : 

站 点 名 称 : my site 

本 地 根 文件 赤 : c: My site\ 
运程 信息 

访问 :FTP 
FIP 主机; 10.10.1.2 


存 回 / 职 出 : 已 茜 用 
测试 服务 器 : 

访问 :FIP 

FIP 主 机: 10.10.1.2 


可 以 使 用 ' 高 级 ' 选项 卡 对 您 的 站 点 进行 进一步 配置 . 


图 11-10 站 点 定义 向 导 之 七 


开发 模式 也 是 可 以 接受 的 ,如 图 11-11 所 示 。 

如 果 需 要 定义 出 完全 符合 站 点 管理 模型 的 阶段 化 方法 的 站 点 ,那么 站 点 定义 向 导 不 
能 实现 这 一 要 求 民 在 本 地 进行 编辑 ,然后 上 传 到 远程 测试 服务 器 】 这 一 选项 已 经 是 向 导 能 
够 定义 出 的 最 复杂 的 方式 了 。 更 复杂 的 定义 需要 通过 手工 编辑 站 点 定义 来 完成 。 


|: 传 测试 ， 直 到 无 谱 


时 本 地 站 点 jj 


运 各 网 试 服务 器 (J 发 环 筑 ) 早上 
(既是 测试 环境 ， 吕 时 ca 
还 捉 供 止 式 对 外 服务 ) 


图 11-11 远程 站 点 与 测试 服务 器 图 11-12 【管理 站 点 了 对 话 框 示意 图 
合 二 为 一 的 模型 


11.2.2 编辑 面向 Web 应 用 的 站 点 


对 于 已 经 建立 的 站 点 ,可 以 编辑 它 的 属性 或 补充 建立 站 点 时 未 定义 的 部 分 属性 。 编 
辑 一 个 站 点 的 操作 步骤 如 下 : 

(1) 单 击 [ 文 件 ] 浮 动 面板 的 展开 按钮 ,打开 【文件 面板 ; 单 击 【 文 件 ] 面 板 右上 角 的 菜 
单 按钮 ,选择 [站 点 了 民 管 理 站 点 命令 。 

(2) 在 如 图 11-12 所 示 的 对 话 框 中 ,选择 需要 编辑 的 站 点 , 单 击 【编辑 了 按钮 开始 
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编辑 。 
(3) 在 如 图 11-13 所 示 的 【编辑 对话 框 中 ,可 以 选择 【基本 选项 卡 ,仍然 用 向 导 来 完 


了 7 site 的 站 点 定义 为 


本 地 信息 


站 点 名 称 中: [my site 
本 地 根 文件 来 到 ): [c: Wiy site\ 
加 自动 刷新 本 地 文件 列表 邓 ) 


Contribute 


默认 图 像 文件 夹 I) 


链接 相对 于 ; 人 @ 文档 四 ) 人 〇 站 点 根 目录 G) 
UTP 地 址 00: |http:7710.10.1.21 


的 


区 分 大 小 写 的 链接 : 站 使 用 区 分 大 小 写 的 链接 检查 WD) 
缓存 : 加 启用 缓存) 


和 


图 11-13 【编辑 站 点 属性 ] 对 话 框 


(4) 再 选择 【高 级 选项 卡 中 的 【分 类 列表 ,核心 的 定义 在 左边 【分 类 列表 中 的 前 3 
项 ,对 应 站 点 模型 中 的 3 个 阶段 。 

注意 : 从 【分 类 了 列表 中 的 前 3 项 的 定义 中 可 以 更 好 地 体会 一 下 Dreamweaver 8 的 站 
点 模型 ,从 【分 类 列表 中 可 以 看 出 [远程 站 点 了 和 【测试 服务 器 】 完 全 可 以 是 两 个 不 同 的 服 
务 器 。 完 全 符合 站 点 管理 模型 的 定义 ,如 图 11-13、 图 11-14、 图 11-15 所 示 。 

假定 整个 环境 包括 一 台 开发 用 的 PC 和 一 台 服 务 器 ,PC 的 IP 地 址 为 10. 10. 1. 10, 服 
务 器 有 两 个 IP 地 址 : 10. 10. 1. 2 用 于 生产 环境 ,10. 10. 1. 3 用 于 测试 环境 。 服务器 上 对 
应 于 10. 10.1.2 定义 了 一 套 Web 站 点 和 FTP 站 点 ,其 站 点 主 目录 为 C:\My Site,FTP 
的 上 传 用 户 为 Administrator; 对 应 于 10. 10. 1. 3 定义 了 男 一 套 Web 站 点 和 FTP 站 点 ,其 
站 点 主 目录 为 C:\My Site Test,FTP 的 上 传 用 户 为 Tester。 

本 地 信息 : 本 地 根 文件 夹 指 开发 机 上 的 目录 ,IP 地 址 从 这 里 并 不 能 看 到 。 

远程 信息 : 站 点 主 目录 在 这 里 不 能 看 到 ,在 服务 器 上 的 FTP 或 Web 站 点 定义 里 可 
以 看 到 。 注 意 远程 站 点 不 需要 定义 URL, 因 为 它 不 用 于 测试 。 

测试 服务 器 : 站 点 主 目录 在 这 里 不 能 看 到 ,在 服务 器 上 的 FTP 或 Web 站 点 定义 里 
可 以 看 到 。 
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了 5 site 的 站 点 定义 为 


访问 Q: [mr 国 


rn: Lomiz | 
主机 目录 四 ) 
EIENTY 


口 保存 中 


器 使 用 Passive FTP ED 
口 合用 防火 墙 员 项 炎 二 调和 加 

口 使 用 安全 FIP GIFTP) @@) 

服务 器 兼容 性 QD 


维护 同步 信息 中) 
口 保存 时 自动 格 文件 上 传 到 服务 器 4) 
口 是 用 存 回 和 取出 到 ) 


服务 器 模型 [ASP VBSeript 
访问 Qi: [PP 
FTP 主 机 0D: [10.10.1.3 
主机 目录 @):[ | 
时 录 Q);: [tester |] ED 
] 回 保存 S) 


Contribute 


[TT 
口 信用 防火 坟 ( 芷 首 寺 参数 中 ) QD) 
口 使 用 安全 FTF GFTP) 


服务 器 兼容 性 QD 


wRL 前 如 [es: M0 10.1.3/ | 
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图 11-15 测试 服务 器 的 参数 设置 


11.3 站 点 视图 的 应 用 


站 点 视图 帮助 站 点 开发 者 清楚 地 了 解 当前 站 点 的 结构 和 更 新 状况 。 站 点 视图 根据 文 
件 的 存储 位 置 和 逻辑 结构 分 为 4 种 :【 本 地 视图 ] 【远程 视图 】 【测试 服务 器 视图 ] 和 【地 
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图 视图 】。 

(1)【 本 地 视图 ] 显 示 本 地 站 点 的 目录 和 文件 结构 ,以 及 目录 和 文件 的 更 新 状况 ,如 图 
11-16 所 示 。 

(2)【 远 程 视图 ] 显 示 远 程 站 点 的 目录 和 文件 结构 ,以 及 目录 和 文件 的 更 新 状况 。 可 
以 看 到 ,对 同一 个 站 点 ,如 图 11-17 所 示 , 其 【远程 视图 ] 中 显示 的 远程 站 点 的 内 容 和 结构 ， 
和 图 11-16 中 所 示 的 本 地 站 点 的 内 容 和 结构 并 不 一 定 同 步 。 这 在 开发 过 程 中 是 很 正 
常 的 。 
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图 11-16 本 地 站 点 的 目录 和 文件 结构 图 11-17 远程 站 点 的 目录 和 文件 结构 


(3)【 测 试 服务 器 视图 了 显示 测试 服务 器 的 目录 结构 和 文件 ,如 图 11-18 所 示 。 

(4)【 地 图 视图 了 根据 文档 相互 链接 的 方式 显示 站 点 的 地 图 。 基 于 链接 的 视图 给 开发 
者 更 加 清楚 的 文件 与 文件 之 间 关 系 的 参考 ,或 者 说 这 个 视图 给 出 了 站 点 的 逻辑 结构 ,而 不 
是 存储 结构 ,这 是 用 户 访问 时 看 到 的 站 点 结构 ,如 图 11-19 所 示 。 


资源 | 代码 片断 


文件 码 片 靳 
加 msite 同 [az 服 务 国 


index. asp 


四 
侠 ”Connecetions 


由- 国 Inages 
日 - 贸 Paehasesys 
由- 国 inages 二 
一 国 alreadybuy asp 
怖 catalog asp 
司 illegal asp 了 PurchaseSys| asp 
国 inaex asp 
| insertcatalor, is 国 
者 一 上 由 -| 加 
上 [二 
图 11-18 测试 服务 器 的 目录 结构 和 文件 图 11-19 站 点 的 地 图 


不 管 哪 一 种 视图 ,Dreamweaver 8 使 用 以 下 符号 来 表示 文件 的 更 新 状况 。 
(1) 绿色 选中 标记 表示 开发 者 已 取出 该 文件 。 
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(2) 红色 选中 标记 表示 其 他 开发 者 已 取出 该 文件 。 

(3) 锁 形 符号 表示 该 文件 对 自己 是 只 读 的 ,也 就 是 还 未 被 自己 取出 。 

要 注意 ,各 人 看 到 的 符号 是 不 一 样 的 ,如 果 一 个 开发 者 取出 某 个 文件 ,他 看 到 的 是 绿 
色 的 选中 标记 ,而 其 他 开发 者 看 到 的 就 是 红色 选中 标记 。 符 号 只 对 本 人 有 意义 。 

关于 文件 更 新 ,11.4 节 有 比较 详细 的 描述 。 


11.4 文件 的 更 新 操作 


文件 更 新 操作 主要 有 4 种 :【 上 传 7(put) 【获取 】(get) 【取出 ]Ccheck out) 和 【 存 回 】 
(check in) 。 
【文件 ] 面 板 中 , 辆 表示 [获取 】, 国 | 表示 Lt 上传 】. 较 表示 【取出 】, 辆 表示 【[ 存 回 】。 


1. 文件 的 上 传 操 作 


【上 传 】 是 指 把 修改 过 的 文件 从 本 地 站 点 上 传 到 远程 站 点 或 测试 服务 器 , 即 本 地 站 点 
的 内 容 覆 盖 远 程 站 点 的 内 容 。Dreamweaver 8 所 复制 的 文件 是 开发 者 在 【本 地 视图 中 选 
择 的 文件 。 如 果 【 本 地 视图 处 于 活动 状态 , 则 选 定 的 本 地 文件 将 复制 到 远程 站 点 ;如 果 
【远程 视图 处 于 活动 状态 , 则 选 定 与 本 地 站 点 对 应 的 文件 复制 到 远程 站 点 ;如 果 【 测 试 服 
务 器 处 于 活动 状态 , 则 选 定 的 本 地 文件 将 复制 到 测试 服务 器 。 


2. 文件 的 获取 操作 


【获取 】 是 指 把 服务 器 上 存储 的 文件 读 取 到 本 地 站 点 ,可 以 是 恢复 以 前 存储 的 版 本 , 即 
远程 覆盖 本 地 。Dreamweaver 8 所 复制 的 文件 是 开发 者 在 站 点 视图 中 选择 的 文件 。 如 果 
【远程 视图 或 【测试 服务 器 】 处 于 活动 状态 , 则 可 将 选 定 的 远程 或 测试 服务 器 文件 复制 到 
本 地 站 点 ;如 果 【 本 地 视图 处 于 活动 状态 , 则 Dreamweaver 8 会 将 选 定 的 本 地 文件 对 应 
的 远程 版 本 复制 到 本 地 站 点 。 

只 有 在 定义 站 点 时 ,选择 了 【启用 文件 存 回 和 取出 〗 选 项 ,【 存 回 ] 和 [取出 ] 才 有 意义 。 


3. 文件 的 取出 操作 


【取出 了 是 指 读 取 服 务 器 上 存储 的 文件 到 本 地 站 点 ,并且 锁定 服务 器 上 的 该 文件 ,不 多 
许 其 他 人 更 新 ,以 防止 多 人 同时 更 新 同一 个 文件 造成 的 更 新 冲突 。 已 取出 的 文件 ,其 他 开 
发 者 只 能 读 取 。 

4. 文件 的 存 回 操作 

【 存 回 】 是 指 开发 者 暂时 修改 完 某 个 已 经 取出 的 文件 ,认为 一 段 时 间 内 不 需要 再 改 ,而 
把 当前 已 经 修改 过 的 文件 从 本 地 站 点 更 新 到 【远程 站 点 了 或 【测试 服务 器 了 ,并 且 解 除 对 服 
务 器 上 的 该 文件 的 锁定 。 这 样 就 多 许 别人 取出 该 文件 并 修改 。 

在 传送 文件 开始 前 ,可 能 会 出 现 一 个 对 话 框 , 询 问 是 否 要 放置 相关 文件 。 选 择 【 是 了 即 
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可 。Dreamweaver 8 会 自动 判断 哪些 文件 是 相关 文件 需要 同时 传送 。 

注意 : 以 上 所 说 的 文件 更 新 操作 并 不 只 限 用 于 文件 ,还 可 以 用 于 整个 文件 夹 ,当选 定 
文件 夹 进 行 操作 时 ,会 复制 整个 文件 夹 。 另 外 ,选择 文件 或 目录 时 , 按 住 Ctrl 键 可 选 定 多 
个 要 更 新 的 内 容 。 


除了 


] 上 述 操作 来 手工 的 更 新 之 外 ,还 可 以 用 批量 的 方式 自动 同步 本 地 站 点 和 远程 


站 点 的 内 容 。 同 步 操作 通过 打开 [文件] 面板 右上 角 的 菜单 ,选择 [站 点 3I【 同 步 ] 命 令 , 打 
开 【 同 步 文件 对话 框 ,如 图 11-20 所 示 。 


图 11-20 【同步 文件 ] 对 话 框 


对 话 框 中 的 选项 的 意思 不 言 自 明 ,这 里 不 再 费 述 。 如 果 不 放心 的 话 , 单 击 【 预 览 ] 按 
钮 ,在 【同步 ] 对 话 框 中 看 一 看 本 次 同步 操作 到 底 包含 哪 些 具体 的 操作 。 检 查 无 误 后 , 单 击 
【确认 3 按钮 开始 同步 。 
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12 章 ”登录 和 密码 验证 系统 


知识 点 

。 用 户 登 录 与 授权 级 别 的 基本 概念 
。 如 何 实 现 用 户 登录 功能 

。 如 何 实现 新 用 户 注册 功能 

。 如 何 实现 账户 信息 修改 

。 如 何 限制 用 户 的 访问 权限 


从 本 章 开始 ,将 以 网 上 书店 的 网 站 为 例子 来 讲解 如 何 用 Dreamweaver 8 来 实现 Web 
应 用 程序 的 各 个 关键 功能 ,并 将 Dreamweaver 8 的 各 种 Web 应 用 程序 开发 工具 穿插 在 实 
现 网 上 书店 各 项 功能 中 讲解 。 本 章 主要 介绍 用 户 登 录 和 密码 验证 系统 。 


12.1 系统 的 功能 与 组 成 


除非 Web 应 用 程序 对 所 有 的 访问 者 都 提供 完全 相同 的 服务 ,不然 的 话 ,Web 应 用 程 

一 定 要 有 用 户 管理 方面 的 子 系统 ,首先 要 能 区 分 出 来 自 不 同 用 户 的 访问 ,并 验证 用 户 的 
身份 并 非 假冒 ,然后 才 有 可 能 对 不 同 的 用 户 提供 各 自 不 同 的 个 性 化 服务 ,并 进行 细致 的 用 
户 权 限 控制 。 

网 上 书店 有 几 类 用 户 , 用 户 通 过 网 上 书店 选择 想 购买 的 书籍 ,管理 员 利用 网 上 书店 的 
产品 目录 系统 来 维护 可 选 的 书籍 信息 ,当然 可 能 还 存在 更 多 类 别 的 用 户 。 对 于 每 一 类 用 
户 , 他 们 在 网 上 书店 中 的 权限 是 不 一 样 的 ,用 户 只 能 选择 书籍 ,而 不 能 修改 书籍 信息 ;管理 
员 只 能 维护 书籍 信息 ,而 不 应 该 有 查看 和 修改 用 户 购 物 车 和 订单 信息 的 权力 。 

这 种 用 户 的 类 别 是 基于 用 户 的 访问 权限 来 划分 的 ,可 以 把 它 称 为 安全 组 (security 
group) ,Dreamweaver 8 把 它 称 为 授权 级 别 (authorization level) 。 

有 关 用 户 资料 和 授权 级 别 的 信息 存储 在 某 个 数据 库 表 中 ,一 般 来 说 ,为 安全 起 见 , 通 
常 由 独立 于 Web OL A Web 应 用 中 的 一 个 独立 的 用 
户 数据 维护 子 系统 来 维护 。 这 里 假设 已 经 存在 这 样 一 个 维护 用 户 资料 和 授权 级 别 的 工 
具 , 管 理 员 的 用 户 账户 信息 已 经 用 这 个 工具 输入 到 数据 库 中 。 当然 ,网 上 书店 还 应 提供 未 


知 用 户 自助 注册 的 功能 。 
通常 ,用 户 登 录 和 密码 验证 系统 包含 一 般 用 户 注 册 功 能 、 用 户 登 录 功 能 、 用 户 登 录 失 
败 提示 、 密 码 和 账户 信息 修改 功能 。 


12.2 数据 库 设计 


网 上 书店 的 整体 数据 库 设计 ,如 图 12-1 所 示 。 


图 12-1 网 上 书店 的 整体 数据 库 设 计 示意 图 


与 本 章 密切 相关 的 是 Account 表 , 该 表 用 来 存储 用 户 名 、 用 户 密 码 、 授 权 级 别 和 用 户 
真实 姓名 。 其 中 

。 Username: 字段 类 型 为 字符 型 ”, 长 度 为 20, 存 放 内 容 为 “用 户 名 ”。 

。 Password: 字段 类 型 为 “字符 型 ”, 长 度 为 20, 存 放 内 容 为 “用 户 密码 ”。 

。 AuthLevel: 字段 类 型 为 “字符 型 ”, 长 度 为 10, 存 放 内 容 为 授权 级 别 ”。 

。 Name: 字段 类 型 为 “字符 型 ,长度 为 20, 存 放 内 容 为 “用 户 的 真实 姓名 ”。 

当然 ,实际 的 网 上 书店 的 用 户 信息 会 多 得 多 ,不 仅仅 包含 这 些 内 容 , 但 这 样 的 简化 信 
息 已 经 足够 为 读者 示例 。 

Username 是 唯一 的 ,因此 可 以 把 Username 定义 成 主键 。 


12.3 实现 用 户 登 录 功 能 


用 户 登录 是 一 个 网 站 应 该 具备 的 最 基本 的 功能 ,其 中 包括 用 户 名 输入 、 用 户 密码 输 
入 .用户 身份 验证 等 功能 。Dreamweaver 8 提供 了 [用 户 身份 验证 ] 的 服务 器 ,利用 这 个 服 
务 器 能 够 方便 地 向 站 点 实现 [登录 用 户 ] 的 动态 功能 。 
12.3.1 完成 基本 功能 

用 户 登录 页 面 是 网 上 书店 购书 系统 的 主页 面 ,在 书店 网 的 主页 上 有 指向 网 上 书店 购 
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书 系统 的 超级 链接 可 指向 该 页 面 ,从 开发 项 目的 模块 化 和 可 维护 性 考虑 ,整个 网 上 书店 购 
书 部 分 的 所 有 页 面 ,都 置 于 本 地 站 点 的 PurchaseSys 子 目录 下 。 

本 节 将 介绍 如 何 实 现 用 户 登录 功能 : 

。 如 何 创建 采用 ASP 技术 的 新 页 面 。 

。 给 各 种 可 引用 的 对 象 用 统一 的 命名 规则 取 和 名 。 

。 如 何 使 用 [用 户 身份 验证 了 民 登 录用 户 ] 服 务 器 行为 。 

创建 网 站 用 户 登录 页 面 是 每 个 网 站 首先 要 完成 的 工作 ,其 操作 步骤 如 下 : 


1. 创建 用 户 登 录 页 面 


(1) 在 客户 机 上 ,启动 Dreamweaver 8。 
(2) 选择 Dreamweaver 8 主 菜 单 中 的 【文件 了 民 新 建 ] 命 令 ,打开 如 图 12-2 所 示 的 【新 
建文 档 ] 对 话 框 。 


入 门 页 面 
页 面 设 计 5 有 辅助 功能 的 》 


图 12-2 创建 动态 页 示意 图 

(3) 这 一 次 创建 的 是 动态 页 面 ,因此 在 【类 别 ] 列 表 框 中 选择 【动态 页 选项 ,在 右边 出 
现 的 [动态 页 类 型 列表 框 中 ,选择 [ASP VBScript3 选 项 . 单 击 【创建 ] 按 钮 ,就 会 创建 一 个 
新 的 支持 采用 VBScript 语言 的 ASP 技术 的 无 标题 文档 。 

2. 定义 购书 系统 的 数据 库 连 接 

(1) 为 了 支持 访问 SQL Server 上 的 购书 系统 数据 库 ,在 服务 器 端 ( 如 果 服 务 器 与 开 
发 机 不 分 开 ,那么 就 是 同一 台 计 算 机 ) 按 10. 3. 2 节 介 绍 的 方法 定义 名 为 PurchaseSys 的 
系统 DSN ,将 默认 数据 库 指向 购书 系统 数据 库 ,定义 结束 后 必须 测试 。 

(2) 用 10. 3. 3 节 的 方法 在 Dreamweaver 8 中 定义 名 为 PurchaseSys 的 数据 库 连接 ， 
定义 结束 后 必须 测试 一 下 。 


3. 创建 页 面 布局 和 页 面 元 素 
针对 用 户 登 录 功 能 ,本 节 将 创建 3 个 页 面 。index. asp 是 用 户 登 录 页 面 ;main. asp 是 
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用 户 登 录 后 进入 的 购书 功能 首页 面 , 本 章 将 暂时 忽略 它 的 功能 实现 , 先 用 简单 的 画面 示 
意 ;illegal. asp 是 用 户 登录 失败 后 的 提示 页 面 。 页 面 的 标题 可 以 在 页 面 属性 里 改 ,以 下 的 
步骤 中 就 不 再 歼 述 。 

(1) 在 客户 机 的 新 建 的 动态 页 面 中 ,加 入 如 图 12-3 所 示 的 表单 的 基本 元 素 。 其 中 标 
题 和 其 他 静态 部 分 ,都 可 以 根据 设计 者 自己 的 喜好 用 前 面 各 章节 描述 的 创作 静态 页 面 的 
方法 来 设计 ,为 了 使 页 面 美观 ,可 以 自由 发 挥 。 表 单 部 分 是 必须 要 有 的 ,将 用 它 来 生成 如 
图 12-3 所 示 的 动态 行为 。 


MR Re By Pl | 


球 钢 党 临 届 上 营 请 


用 户 登 录 


图 12-3 带 有 表单 元 素 的 页 面 

添加 一 个 表单 ,表单 包含 的 元 素 如 表 12-1 所 示 。 添 加 表单 、 表 单元 素 和 修改 它们 的 
属性 的 方法 ,在 前 面 的 第 8 章 中 已 经 介绍 过 了 ,这 里 不 再 袭 述 。 
表 12-1 表单 的 元 素 


元 素 类 型 属 性 值 说 明 

表单 名 字 :frmLogin 本 表单 

文本 域 名 字 :txtUsername 接受 用 户 名 输入 的 文本 框 
类 型 :单行 

文本 域 名 字 :txtPassword 接受 用 户 密码 输入 的 文本 框 
类 型 :密码 

按钮 名 字 :btnLogin 值 : 提交 登录 信息 的 按钮 
登录 
动作 :提交 表单 


(2) 对 每 个 表单 元 素 ,都 要 定义 名 字 ,而 不 是 接受 Dreamweaver 8 默认 的 名 字 , 这 样 
有 助 于 用 户 识别 这 些 元 素 , 因 为 在 以 后 的 步骤 中 会 引用 到 这 些 元 素 。 因 此 建议 所 有 元 素 
的 命名 采用 统一 的 命名 规则 ,以 便 在 大 规模 开发 中 建立 文档 和 日 后 的 维护 工作 ,例如 此 处 
采用 的 是 匈牙利 命名 法 。 

(3) 用 户 登 录 页 面 已 经 创建 好 了 , 先 暂缓 实现 其 功能 ,选择 主 菜单 中 的 【文件 了 民 保 
存 】 命 令 ,把 这 个 页 面 保存 到 PurchaseSys 子 目录 下 , 取 名 为 index. asp。 


4. 创建 信息 提示 页 面 


接 下 来 需要 创建 两 个 页 面 ,一 个 页 面 是 用 户 登录 成 功 后 进入 的 购书 系统 的 功能 页 面 ， 
另 一 个 是 用 户 登录 失败 后 进入 的 失败 信息 提示 页 面 , 这 两 个 页 面 必须 在 创建 用 户 登 录 功 
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能 之 前 就 创建 好 ,并 保存 在 站 点 中 。 

为 此 目的 ,分 别 创建 两 个 动态 页 面 。 

(1) 先 创建 一 个 空 页 面 ,简单 地 写 一 句 话 , 例 如 * 这 是 购书 系统 的 功能 页 面 ”保存 为 
PurchaseSys\main. asp。 

(2) 然后 创建 一 个 如 图 12-4 所 示 的 登录 失败 的 信息 页 面 ,保存 为 PurchaseSys\ 
illegal. asp。 


5. 实现 用 户 登录 的 功能 


(1) 回 到 用 户 登 录 页 面 的 编辑 窗口 ,如 果 已 经 关闭 该 窗口 ,那么 请 重新 打开 该 文件 。 
(2) 在 【应 用 程序 】 浮 动 面板 中 ,选择 【服务 器 行为 ] 选 项 卡 , 单 击发 | 按钮 ,会 出 现 如 图 
12-5 所 示 的 菜单 ,选择 [用 户 身份 验证 3I【 登 录用 户 ] 命 令 。 


回避 Xe hsP Veseript 
y 记录 集 ( 查询 ) 
命令 


重复 区 域 


记录 集 分 页 ， 
大 ， 
图 动态 文本 
转 到 详细 页 面 
竺 到 相关 页 面 E] 
加 | 


插入 记录 
更 新 记录 
删除 记录 
动态 表单 元 素 » 


prc 
rE TE 
太后 机 区 [UL 
YY 


吕 


水 迎风 临 疝 上 上 冲 褒 


XSL 转换 


编辑 服务 器 行为 

新 建 服务 器 行为 

获取 更 多 服务 器 行为 

pry > 
b 丽 a i sp 


您 还 没有 注册 ， 请 先 注册 为 正式 用 户 。 


王 二 才能 购买 书 头 . 


图 12-4 登录 失败 的 信息 页 面 图 12-5 【应 用 程序 浮动 面板 


(3) 接 下 来 会 弹出 如 图 12-6 所 示 的 【登录 用 户 ] 对 话 框 ,其 参数 输入 方法 如 下 : 

@ 在 [从 表单 获取 输入 下 拉 列 表 框 中 ,选择 【frmLogin】] 表 单 ,表示 用 户 登 录 信息 从 
frmLogin 表单 内 的 元 素 的 输入 中 获取 。 

@ 在 [用户 名 字段 J 下 拉 列 表 框 中 选择 【txtUsername] 文 本 框 ,表示 用 户 名 信息 从 该 
文本 框 中 得 到 。 

@ 在 【密码 字段 下拉 列表 框 中 选择 【txtPassword】] 文 本 框 ,表示 用 户 密码 信息 从 该 
文本 框 中 得 到 。 

(4) 用 户 登 录 的 实际 动作 是 将 用 户 提交 的 用 户 名 、 密 码 信 息 与 用 户 数据 库 中 的 用 户 
名 ,密码 信息 比较 。 如 果 相 同 , 则 认为 登录 成 功 。 如 果 不 同 , 则 认为 登录 失败 。 接 下 来 的 
对 话 框 内 容 指明 的 是 用 户 数据 库 的 信息 。 

@ 在 【使 用 连接 验证 ] 下 拉 列 表 框 中 ,选择 [PurchaseSys]】 数 据 库 连接 ,表示 用 户 数据 
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回 甘 到 前 一 个 VRL( 如 果 它 存在 ) 
line sp [Er] 


〇 用 记名 和 密码 
@ 用 户 名 、 密 码 和 访问 级 别 
获 职级 别 自 。| Authlevel 


图 12-6 【登录 用 户 ] 对 话 框 


库 通过 该 连接 来 访问 。 

@ 在 【表格 J 下拉 列表 框 中 ,选择 [dbo. Account】 数 据 表 ,在 10. 2 节 中 介绍 过 ,这 是 购 
书 系统 的 用 户 账号 信息 表 。 

@ 在 [用 户 名 列 ] 下 拉 列 表 框 中 ,选择 【Username】] 字 段 , 因 为 这 是 用 户 账号 信息 表 代 
表 用 户 名 的 字段 ,Web 应 用 会 用 此 字段 与 用 户 输入 的 用 户 名 信息 进行 比较 。 

@ 在 【密码 列 ] 下 拉 列 表 框 中 ,选择 [Password】 字 段 ,因为 这 是 用 户 账号 信息 表 代 表 
密码 的 字段 , Web 应 用 会 用 此 字段 与 用 户 输入 的 用 户 密码 信息 比较 。 

(5) 接 下 来 的 两 个 文本 框 可 用 于 指明 用 户 登 录 页 面 得 到 验证 结果 后 采取 的 动作 ,可 
以 指明 登录 成 功 后 跳 转 到 哪个 页 面 ,登录 失败 后 跳 转 到 哪个 页 面 ,这 两 个 页 面 都 可 以 通过 
单 击 【浏览 按钮 直接 在 本 地 站 点 中 找 。 当 未 登录 的 用 户 试图 访问 只 有 登录 后 才能 访问 的 
页 面 ,那个 页 面 可 能 会 引导 用 户 到 登录 页 面 。 在 这 种 情况 下 ,如 果 选 择 [ 转 到 前 一 个 URL 
(如 果 它 存在 )] 复 选项 ,那么 登录 成 功 后 会 返回 用 户 试图 访问 的 那个 页 面 。 

(6) 接 下 来 的 单 选项 指明 了 整个 购书 系统 的 用 户 权 
限 控制 方式 。 因 为 购书 系统 用 访问 级 别 来 区 分 用 户 和 管 
理 员 的 权限 ,因此 ,应 该 选择 【用户 名 、 密 码 和 访问 级 别 了 单 有 而 大 本 
选项 来 限制 访问 ,并 且 在 【获取 级 别 自 : J 下拉 列表 框 中 ， 
选择 [AuthLevel] 字 段 ,因为 这 是 Account 数据 表 中 代表 。 | 时 让 
访问 级 别 的 字段 ,用 户 的 访问 级 别 由 它 决 定 。 

(7) 单 击 【 确 定 了 按钮 完成 对 话 框 的 设置 , 回 到 
Dreamweaver 8 主 画 面 后 ,可 以 看 到 【应 用 程序 浮动 面板 


于 本 区 | 


的 [服务 器 行为 ] 选 项 卡 中 多 了 [登录 用 户 ] 这 一 行为 ,如 图 -一 一 
12.7 所 示 。 图 12-7 【服务 器 行为 3 选项 卡 
同步 站 点 之 后 ,就 可 以 测试 登录 功能 了 。 打 开 浏览 示意 图 
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器 ,在 地 址 栏 中 直接 输入 用 户 登 录 页 面 的 URL, 例 如 http:// 所 服务 器 IP 地 址 二 / 
PurchaseSys/index. asp。 在 实际 的 操作 中 把 二 服务 器 IP 地 址 之 替换 成 当前 使 用 的 服务 


器 IP 地 址 ,例如 : http://10. 10.1.2/PurchaseSys/index. asp。 按 【 回 车 ] 键 确定 后 ,会 出 
现 如 图 12-8 所 示 的 页 面 。 


各 用 户 登 录 - 了 icrosoft Internet Explorer 
文件 ” 蝙 辑 下 ) 查看 人 O) 收 荐 亿 工具 人 ) 各 助 0D 


@ 量 -上 日- 国 国 失 | 六 or 次 car 思 | 合 -名 国 沁 


堵 十 B| 枚 http://10. 10 1 2/PurchaseSys/index. asp 


球 迎 觉 临 网 此 店 


用 户 登录 


yzhang 


ET 


图 12-8 【用 户 登 录 】 页 面 


如 图 12-8 所 示 ,输入 正确 的 用 户 名 和 密码 后 , 单 击 【 登 录 】 按 钮 ,会 跳 转 到 如 图 12-9 
所 示 的 页 面 , 即 前 面 的 main. asp 页 面 。 
二 天 村 大 文档 FE Hicrozpze ITREeEn6t EapIDFSZ 
文件 人 ) ”编辑 下 ) 查看 WD 收藏 和 ) 工具 (I) 帮助 OD 


@ia- 日 -上 国 纹 有 开交 Hex 回合- 全 国治 


地 址 虽 | 枚 http://10.10 1.2/PurchaseSys/nain asp 


水 迎 党 蚁 次 上 弟 启 


这 是 购书 系统 的 功能 页 面 


图 12-9 登录 成 功 的 页 面 提示 


回 到 登录 页 面 , 如果 输 入 不 正确 的 登录 信息 , 单 击 【 登 录 】 按 钮 后 ,会 跳 转 到 如 
图 12-10 所 示 的 页 面 , 即 illegal. asp 页 面 。 
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淖 无 标题 文 档 - Hicrosoft Internet Explorer 回避 加 
文件 @) 编辑 外 ) 加 ”收藏 和 工具 四 帮助 0 


@ 扣 -日 . 国 国 的 | Ps 次 tmx @| 全 -名 国 沪 


纺 怨 党 蛋 同上 此 启 


您 必须 正确 登录 后 ， 才 能 购买 书籍 。 
若 您 还 没有 注册 ， 请 先 注册 为 正式 用 户 。 


图 12-10 登录 失败 的 页 面 提示 


12.3.2 Dreamweaver 8 行为 分 析 


本 节 中 将 介绍 如 何 利用 代码 视图 来 理解 Dreamweaver 8 工具 。 

到 目前 为 止 ,并 没有 编 过 一 个 程序 , 写 过 一 行 代码 ,一 个 简单 的 Web 应 用 的 功能 已 经 
完成 了 。 实 际 上 是 Dreamweaver 8 完成 了 编写 程序 的 工作 。 下 面 介 绍 它 刚 才 自 动 完 成 的 
那些 工作 。 

如 果 在 对 用 户 登录 页 面 添加 服务 器 行为 的 前 后 都 单 击 了 文档 工具 栏 中 的 [代码 视图 】 
按钮 辆 |. 来 查看 这 个 页 面 的 HTML 源 代码 ,会 发 现在 添加 以 前 , 源 代码 是 : 


< $ @ LIANGUAGE= "VBSCRIPT" CODEPME= "936"% > 

<htm> 

<head> 

< meta http- equiv "Content- Type" content= "text/html; charset= GB.2312"> 
<title> 用 户 登录 < /title> 

< /head> 


<body> 

< 户 欢 迎 进入 书店 < /p> 

< 户 用 户 登 录 < /p> 

< form method= "POST" name= "frmLogin" jdF "frogin"> 
<label> 用 户 名 : < /label> 
< irput name= "txtUsemame" type= "text" jd "txtUsemame"> 
<br> 
<1label> 密 码 : 
< input name= "txtPassword" type= "password" jdF "txtPassword"> 


224 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


<br> 
< input name= "btnIogin" type= "submit" id "btnrogin" value= "登录 > 
</label> 


</form> 


< 户 还 没 注册 过 ? 请 注册 新 用 户 < /p> 


< /body> 
< /htm> 


而 在 添加 了 [登录 用 户 ] 这 一 服务 器 行为 后 , 源 代码 变 成 了 : 


< $ @ IANGUAGE— "VBSCRIPT" CODEPRAGFE= "936"% > 


< !——#include file=™** /Connections/PurchaseSys.asp"— —> 


< 


'¥ * * Validate request to log in to this site. 
MM Ioginaction = Request.ServerVariables ("URL") 
于 Feqest.QneryStringc> "Then WM IogirpctiaqF MM Iogipctint 3" Reqpest .QeryString 


MM valUsername= CStr (Request .Fom("txtUsername") ) 


If MA valUsemame<> "Then 
MM flqUserAuthorizatior= "mathlevel" 
MM redirectIoginSuccess= "main.asp" 
MM redirectIoginFailed= "illegal .asp" 
M flag= "ADODB.Recordset" 
set MM rsUser = Server.Createcbject MM f1ag) 
MM rsUser.RctiveConnecticn = MM Purchasesys STRING 
MM TsUser.Source = "SEIECT Usemame, Password" 
If M_ flqJserAithorization < >™" Then MrsUser. Source = MM rsUser. Source & ," & MA 
_flaUsermuthorization 
M_rsUser. Source = MM_rsUser. Souroe & "FROM dbo. Rccount WHERE Usemame 
valUsemame, " "'") g"" AND Password= '" & Replace (Request .Fom("txtPassword") 
MM rsUser.CursorType = 0 
MM rsUser.CursorIocation = 2 
MM rsUser.Iockrype = 3 
MM rsUser.Open 
IE Not MM rsUser.EOF Or Not MM rsUser.BOF Then 
' usemame and password match- this js a valid user 
Session ("MM Usemame") = MM valUsemame 
If MM fldUsernathorization<> ™) Then 
Session ("MM UserAithorization")=CStr MM rsUser.Fields. Ttem MM fodUserAuthorization) .Value) 
Else 
Session ("MM Usermathorization") = ™ 
End If 
if CStr (Request .QerySstring ("acoessdenied") )<> ™ And true Then 
MM redirectIoginsuccess = Request .QeryString ("acoessdenied") 
End If 
MM rsUser.Close 


' & Replace (WM_ 


mn) En 
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Response.Redirect MM redirectLoginSuccess) 
End If 
MM rsUser.Close 
Response.Redirect MM redirectIoginFailed) 
End If 
务 > 
<htm> 
<head> 
< meta http- equiv= "Content- Type" content= "text/html; charset= GB.2312"> 
<title> 用 户 登录 < /title> 
< /head> 


<body> 
<p> 欢 迎 进入 书店 < /p> 
< 户 用 户 登 录 < /p> 
< fom RCTICNF "< $=MM LoginAction® >" method= "POST" name= "fogin" id= "fmiLogin"> 
<label> 用 户 名 : < /label> 
< input name= "txtUsemame" type= "text" id= "txtUsemame"> 
<br> 
<labeD> 密 码 : 
< input name= "txtPassword" type= "password" jcF "txtPassword"> 
<br> 
< input name= "btnIogin" type= "submit" idF "btnroginr value= "登录 心 
</label> 
< /fom> 
< 户 还 没 注 册 过 ? 请 注册 新 用 户 < /p> 
< /body> 
< /htm> 


通过 比较 ,不 难 发 现 ,新 的 源 代码 多 出 了 用 二 % % 二 括 起 来 的 一 大 段 代 码 ， 


且 把 表 


单 的 ACTION 属性 改 成 了 二 % 二 MM_LoginAction% 记 ,这 就 是 Dreamweaver 8 完成 的 
主要 工作 。 用 二 % 为 二 括 起 来 的 代码 都 是 用 VBScript 编程 语言 编写 的 服务 器 端 脚本 程 
序 。 现 在 不 要 求 马 上 能 够 看 懂 这 些 代码 ,但 希望 读者 了 解 Web 应 用 程序 开发 的 实质 ,最 
终 还 是 要 归 到 编写 程序 代码 上 来 ,只 不 过 Dreamweaver 8 能 够 帮助 开发 者 自动 生成 完成 
简单 功能 的 代码 。 


12.3.3 阶段 变量 的 应 用 


在 第 9 章 讲 到 ASP 的 Session 对 象 ,用 于 存储 特定 的 用 户 会 话 所 需 的 信息 。 当 用 户 在 


在 本 节 中 将 介绍 如 何 定义 阶段 变量 和 如 何 引 用 阶段 变量 。 
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应 用 程序 的 页 之 间 跳 转 时 ,存储 在 Session 对 象 中 的 变量 不 会 丢失 ,而 是 在 整个 用 户 会 话 中 
一 直 存 在 下 去 。Session 对 象 所 存储 的 所 有 变量 ,在 Dreamweaver 8 中 都 称 做 阶段 变量 。 


下 面 将 利用 上 述 代 码 中 包含 的 有 用 信息 ,来 引导 读者 把 登录 后 进入 的 main. asp 变 得 
更 加 友好 一 点 ,并 借 此 讲解 阶段 变量 的 应 用 。 

在 Dreamweaver 8 自动 添加 的 源 代 码 中 ,可 以 看 到 一 句 Session("MM_Username'" ) 一 
MM _valUsername, 这 是 Dreamweaver 8 让 这 个 用 户 在 登录 成 功 后 ,自动 地 把 用 户 输入 的 
用 户 名 ,保存 到 名 为 MM_Username 的 阶段 变量 中 ,以 便 在 用 户 进入 网 上 书店 的 其 他 动 
态 页 面 时 ,就 可 以 使 用 这 个 阶段 变量 存储 的 用 户 名 的 信息 。 

用 Session(" 阶 段 变 量 名 ") = 形式 的 VBScript 语句 可 以 给 阶段 变量 赋值 。 怎 么 来 
使 用 这 个 阶段 变量 呢 ? 其 操作 步骤 如 下 : 

(1) 在 【应 用 程序 浮动 面板 中 ,选择 [ 绑 定 选项 卡 , 单 击 轩 按钮 ,会 出 现 如 图 12-11 
所 示 的 菜单 ,选择 【阶段 变量 命令。 

(2) 在 出 现 的 【阶段 变量 ] 对 话 框 里 , 填 入 用 户 名 对 应 的 阶段 变量 名 MM_Username， 
如 图 12-12 所 示 。 


记录 集 ( 查 询 ) 。 赂 
命令 (预存 过 程 ) 


请 求 变量 
阶段 变量 
目 。 应 用 程序 变量 


获取 数据 源 


所 au site。 ” 国 |[ 本 地 视 田 国 | 
图 12-11 添加 [阶段 变量 了 的 菜单 图 12-12 【阶段 变量 3 对 话 框 


(3) 单 击 【确定 了 按钮 后 ,在 【 绑 定 ] 选 项 卡 中 可 以 看 到 新 定义 的 阶段 变量 ,如 图 12-13 
所 示 。 x 

这 样 定义 之 后 ,就 可 以 在 其 他 页 面 中 使 用 这 个 阶段 变 
量 了 ,在 编辑 其 他 动态 页 面 时 ,将 都 可 以 在 【 绑 定 ] 选 项 卡 。 >< 
中 看 到 这 个 阶段 变量 。 接 下 来 就 可 以 把 main. asp 页 面 变 。 [外 ww we 
得 更 加 友好 ,操作 方法 如 下 ， 


日 讲 Session 


(1) 打开 main. asp 页 面 。 Usernene 
(2) 在 页 首 加 入 一 名 话 * 您 好 !”, 然 后 从 【 绑 定 选项 [| 
卡 中 找到 MM_Username 阶段 变量 ,将 它 拖 蝶 到 “您 好 !1” 


前 面 ,结果 如 图 12-14 所 示 。 

注意 : 在 【应 用 程序 】 浮 动 面板 的 【 绑 定 〗 选 项 卡 中 的 
所 有 项 都 可 以 称 做 动态 元 素 。 对 于 这 些 动 态 元 素 都 可 以 直接 把 它们 拖 息 到 动态 页 面 中 项 
望 出 现 的 位 置 上 。 这 样 在 实际 访问 该 页 面 时 ,对 应 位 置 就 会 显示 动态 的 内 容 ( 来 自 数据 库 
或 变量 的 值 ) 。 

同步 站 点 后 ,可 以 测试 一 下 效果 。 正 确 登 录 后 ,用 户 将 看 到 亲切 的 问候 语 , 如 


图 12-13 新 定义 的 阶段 变量 


第 卫 章 ”党 录 和 密码 验证 系统 一 一 一 一 一 一 一 一 (227 


ETIE ET 和 条 助 0 
全 加 点 | 天 久 国 -外 -同居 昌 | 且 -时 


国 wt] 4 三 归于 和 |c 旦 芭 | 
有 | 出] 
二 


{Session. MM _Username} ， 您 好 ! 
这 是 购书 系统 的 功能 页 面 


> Gable Cer tl 人 .STILL 


#x STYLE1 Ce 和 二 全 
大 人 电大 国 rF 


图 12-14 添加 阶段 变量 的 网 页 


图 12-15 所 示 。 


水 怨 党 晶 习 二 训 启 


zzq， 您 好 ! 
这 是 购书 系统 的 功能 页 面 


图 12-15 ”阶段 变量 的 应 用 网 页 


12.4 实现 新 用 户 注 册 功 能 


几乎 每 个 网 站 都 有 新 用 户 注 册 的 功能 ,新 用 户 按 要 求 将 自己 的 有 关 信息 输入 后 提交 
给 服务 器 ,由 服务 器 端的 应 用 程序 将 这 些 信 息 添 加 到 用 户 数据 库 中 ,通过 新 用 户 注 册 功 能 
可 以 让 用 户 自己 生成 用 户 账户 。 
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12.4.1 插入 记录 的 服务 器 行为 


在 本 节 中 将 介绍 如 何 生成 添加 表 记 录 的 Web 页 面 以 及 如 何 应 用 【插入 记录 了】 服务 器 
行为 实现 新 用 户 注册 的 功能 。 下 面 将 介绍 如 何 完成 这 一 功能 。 
先 来 创建 新 用 户 注册 页 面 , 操 作 步 骤 如 下 : 


1. 创建 新 用 户 注 册页 面 
创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 
2. 定义 购书 系统 的 数据 库 连 接 


由 于 同一 应 用 可 以 共享 数据 库 连接 ,因此 这 个 页 面 仍然 可 以 使 用 PurchaseSys 数据 
库 连 接 ,不 需要 另外 定义 数据 库 连接 。 


3. 创建 页 面 布 局 和 页 面 元 素 


(1) 在 新 页 面 中 ,加 入 如 图 12-16 所 示 的 网 页 元 素 ,其 中 标题 和 其 他 静态 部 分 都 可 以 
根据 自己 的 喜好 来 设计 ,使 页 面 美观 ,可 以 自由 发 挥 。 表 单 部 分 是 必须 有 的 ,将 用 它 来 生 
成 动态 行为 ,如 图 12-16 所 示 ,添加 一 个 表单 ,表单 包含 的 元 素 如 表 12-2 所 示 。 


用 户 真 实 姓名 : 
D4 
EC | 
ody> Ctable [NA ho ve x268v 5K/1 黎 


图 12-16 创建 新 用 户 注册 页 面 


表 12-2 表单 元 素 的 属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmNewUser 本 表单 

文本 域 名 字 : txtUsername 接受 用 户 名 输入 的 文本 框 
类 型 : 单行 

文本 域 名 字 : txtPassword 接受 用 户 密 码 输入 的 文本 框 
类 型 : 密码 

文本 域 名 字 : txtName 接受 用 户 姓名 信息 输入 的 文本 框 
类 型 : 单行 
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续 表 


元 素 类 型 属 性 值 说 明 
隐藏 域 名 字 :hidAuthLevel 存放 用 户 的 授权 级 别 :user 用 户 不 必 输 入 
值 :user 
按钮 名 字 :btnRegister 确认 注册 新 用 户 的 按钮 
标签 :注册 
动作 :提交 表单 


(2) 选择 主 菜单 中 的 【文件 人民 保存 命令 ,把 这 个 页 面 保存 到 PurchaseSys 子 目 录 
下 , 取 名 为 register. asp。 


4. 创建 信息 提示 页 面 


接 下 来 创建 一 个 页 面 , 这 个 页 面 是 注册 新 用 户 成 功 后 进入 的 成 功 信息 提示 页 面 , 为 
此 ,创建 一 个 如 图 12-17 所 示 的 页 面 ,保存 为 PurchaseSys\registersuccess. asp。 


] 吕 成考 妨 |C 国 邓 
Pe 


恭喜 您 ， 注 册 已 成 功 ! 


0D 


图 12-17 注册 成 功 的 页 面 


5. 实现 注册 新 用 户 功能 


(1) 注册 新 用 户 ,实际 上 是 要 对 Account 用 户 账户 数据 表 添 加 一 条 记录 ,这 将 用 到 
【插入 记录 了 服务 器 行为 。 需 要 在 【服务 器 行为 3 选项 卡 中 添加 一 个 [插入 记录 了 的 服务 器 行 
为 , 回 到 register. asp 页 面 的 编辑 窗口 ,如 果 已 经 关闭 该 窗口 ,那么 请 重新 打开 该 文件 。 
在 [添加 ] 菜 单 里 选择 [插入 记录 命令 后 ,将 看 到 如 图 12-18 所 示 的 【插入 记录 ]】 对 话 框 。 

(2) 在 对 话 框 上 半 部 分 设置 如 下 参数 : 

@ 在 【连接 3 下 拉 列 表 框 里 选择 [PurchaseSys] 数 据 库 连接 。 

@ 在 【插入 到 表格 J] 下拉 列 表 框 中 选择 【dbo. Account】 数 据 表 ,表示 要 对 这 个 数据 表 
添加 记录 。 

@ 在 【插入 后 , 转 到 ] 文 本 框 中 输入 更 新 以 后 转 到 哪个 页 面 ,可 以 单 击 【浏览 按钮 直 
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图 12-18 【插入 记录 】 对 话 框 


接 从 本 地 站 点 中 选取 页 面 。 

(3) 下 半 部 分 的 选项 ,决定 了 插入 记录 时 各 个 需要 更 新 的 字段 ( 即 Dreamweaver 所 说 
的 列 ) 的 取 值 ,可 按 如 下 方法 设置 参数 : 

@O 在 【获取 值 自 了 下 拉 列 表 框 中 选择 [frmNewUser] 表 单 ,表示 字段 的 新 值 来 自 该 表 
单元 素 的 输入 值 。 

@ 在 【表单 元 素 ] 列 表 框 中 , 列 出 了 表单 的 各 个 元 素 和 每 个 元 素 将 更 新 哪 一 个 字段 ， 
选中 txtUsername 后 ,在 下 面 的 【 列 】 下 拉 列 表 框 中 选择 “Username”, 表 示 将 插入 到 dbo 
. Account 表 中 的 新 记录 Username 的 字段 的 值 来 自 txtUsername 的 值 。 

@ 在 【提交 为 下拉 列表 框 中 ,选择 【文本 】 选 项 ,表示 插入 时 将 该 值 的 类 型 理解 为 文 
本 类 型 (即使 这 个 值 写成 类 似 *2002/10/27” 的 日 期 类 型 值 的 形式 )。 

@ 类 似 的 完成 其 他 每 个 字段 的 对 应 关系 。 

注意 ; 如 果 没 有 hidAuthlevel 表单 元 素 ,Authlevel 字段 就 找 不 到 对 应 的 值 了 。 

(4) 单 击 [确定 了 按钮 完成 服务 器 行为 定义 ,新 用 户 注 册 功 能 完成 了 ,当然 为 了 访问 这 
一 功能 , 须 先 在 index. asp 中 加 一 个 指向 该 页 面 的 超级 链接 。 

同步 站 点 后 ,就 可 以 测试 一 下 新 用 户 注册 的 功能 了 。 在 【用 户 登 录 ] 页 面 ,选择 【注册 
新 用 户 】 选 项 ,进入 【新 用 户 注册 页面 ,如 图 12-19 所 示 。 

在 输入 必要 的 用 户 信息 后 , 单 击 [注册 按钮 ,可 以 看 到 如 图 12-20 所 示 的 页 面 。 

回 到 登录 页 面 时 ,会 发 现 使 用 新 的 用 户 账户 能 成 功 登录 。 


12.4.2 检查 新 用 户 的 服务 器 行 


简单 地 插入 记录 肯定 有 问题 ,用 户 选 择 的 用 户 名 很 可 能 在 账户 表 中 已 经 存在 ,已 被 别 
的 人 注册 过 了 。 所 以 在 插入 记录 时 ,应 该 检查 输入 的 用 户 名 是 否 已 经 存在 。 

在 本 节 中 将 介绍 如 何 应 用 [用 户 身 份 验证 ] 来 【检查 新 用 户 名 ] 的 服务 器 行为 。 

这 些 问 题 可 通过 【检查 新 用 户 名 了 服务 器 行为 来 解决 ,其 操作 步骤 如 下 : 
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尘 新 用 户 注册 - Wicrosoft Internet Explorer 
文件 加 名 辑 E) 查看 WW 收藏 和 ) 工具 QD 才 助 0 


@a .昌国 国 的 |Pas 灾 wax 锯 | 后 - 瑟 国 电 


地 址 0 入 http://10 10 1.2/Purchasesys/register asp 


涉 迎 党 申 赔 工 训 启 


新 用 户 注 册 
用 户 名 : [zy _] 
密码 : [oe 


用 户 真 实 姓名 : 


图 12-19 【新 用 户 注册 了】 页面 
马 注册 成 功 提示 - Hicroso 


文件 中 编辑 E) 查看 收藏 和 ) 工具 {I) 和 助 00) 


Om-. ©- | si 名 全 全国 浊 


地 址 加 | 答 http://10.10.1 2/PurchaseSys/register 


水 迎 党 临 册 工事 启 


国 Internet 


图 12-20 注册 成 功 页 面 
1. 回 到 register. asp 页 面 


回 到 register. asp 页 面 的 编辑 窗口 ,如 果 您 已 经 关闭 该 窗口 ,那么 请 重新 打开 该 
文件 。 


2. 创建 信息 提示 页 面 

接 下 来 需要 创建 一 个 页 面 ,这 个 页 面 是 在 重复 注册 新 用 户 名 时 显示 的 出 错 提示 页 面 。 
为 此 ,创建 一 个 如 图 12-21 所 示 的 页 面 ,保存 为 PurchaseSys\registerexist. asp。 
3. 实现 检查 用 户 名 的 功能 


(1) 在 【应 


用 程序 浮动 面板 中 ,选择 [服务 器 行为 ] 选 项 卡 , 单 击 国 | 按 钮 ,选择 【用 户 身 


232 电子 商务 网 站 建设 教程 (第 2 版 ) 


文件 @) 辆 竺 到 ) 查看 咱 揪 AQ) 修 职 昌 文本 [I] 你 令 四 站 点 人 窗口 如 必 助 


末 = ” 回 | 口 志 区 | 回回 目 | 国 男 | 匡 加 口 | 回避 -一 去 
egisterexist ap TT R37 
| ERE 标题 :网 记 入 重复 提示 避 咏 用 jG 且 @ BD x tsp Viseript 
型 TT EP ,TE i TE Eap J 省 志和 要 直流 太 面 上 合用 芭 太 数 据 ”加 | 
| 。， wsxrame- 目 
E = 沈 办 一 种 文档 关 型。 
训 交 证 相同 上 机 天 ”2 


。 ”六 | 本地 加 国 
人 名 | 晶 


Dok Site Er\Book 


很 抱 才 ， 此 用 户 名 已 存在 ， 请 选择 其 他 用 户 名 。 


0 
sa stabley cry Cea) 人 STEEL SFYLES STYLE 
加 


格式 [区 。 加 | 
| 
七 单元 格 本 平 [Bi 本 < 

EF | Dm mn | 网 3 


图 12-21 生成 出 错 提示 页 面 


份 验证 〗I【 检 查 新 用 户 名 命令 ,将 看 到 如 图 12-22 所 示 的 对 话 框 ,在 【用户 名 字段 选择 代 
表 用 户 名 的 表单 元 素 ; 在 [如 果 已 存在 , 则 转 到 ] 文 本 框 中 输入 文件 名 ,或 单 击 【 浏 览 按 钮 
直接 在 本 地 站 点 中 选择 用 户 名 已 存在 的 信息 页 面 。 


则 txtusername 


reristerexit asp 


图 12-22 【检查 新 用 户 名 对 话 框 


(2) 单 击 【确定 按钮 ,完成 服务 器 行为 定义 。 
同步 站 点 后 ,就 可 以 测试 效果 。 若 输入 已 经 存在 的 用 户 名 ,注册 时 ,会 出 现 如 
图 12-23 所 示 的 信息 。 


编辑 了 ) 查看 Q) 收藏 人 工具) 帮助 0 


@se .日 - 国 国 的 记 虹 容 wmx @| 全 -各国 入 


水 多 党 腹 阅 上 弟 褒 


很 抱歉 ， 此 用 户 名 已 存在 ， 请 选择 其 他 用 户 


o 


图 12-23 ”注册 时 提示 信息 


第 全 章 ”党 录 和 密码 验证 系统 一 一 一 一 一 一 一 一 (233 


12.5 实现 密码 修改 功能 


一 个 允许 新 用 户 注册 的 网 站 ,密码 和 账户 修改 便 是 这 个 网 站 应 该 具备 的 最 基本 的 功 
能 。 实 现 这 个 功能 实际 上 就 是 对 用 户 数据 库 中 的 信息 进行 修改 。 


12.5.1 筛选 记录 集 与 更 新 记录 的 服务 器 行为 


为 了 了 解 实现 密码 和 账户 修改 的 功能 ,在 本 节 中 将 介绍 如 何 进行 用 户 权限 限制 ,如 何 
筛选 记录 集 和 如 何 应 用 【更 新 记录 服务 器 行为 等 知识 。 
先 介绍 创建 用 户 密码 修改 页 面 ,创建 这 个 页 面 的 操作 步骤 如 下 : 


1. 创建 用 户 密 码 修改 页 面 
先 创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 
2. 定义 购书 系统 的 数据 库 连接 


由 于 同一 应 用 可 以 共享 数据 库 连 接 , 因 此 这 个 页 面 仍然 可 以 使 用 PurchaseSys 数据 
库 连接 ,不 需要 另外 定义 。 


3. 创建 页 面 布 局 和 页 面 元 素 


(1) 在 新 页 面 中 ,加 入 如 图 12-24 所 示 的 基本 元 素 ,其 中 标题 和 其 他 静态 部 分 ,可 以 
根据 设计 者 自己 的 喜好 来 设计 。 与 前 一 个 例子 一 样 ,表单 部 分 是 必须 有 的 ,将 用 它 来 生成 
动态 行为 ,如 图 12-24 所 示 ,添加 一 个 表单 ,表单 包含 的 元 素 如 表 12-3 所 示 。 


ETITETTTIET3 
© 


同 CSE az 和 主 译 三 各 二 | 国 
守信 人 内 字体 国 夫 小 无 国 |[ ei ] 注 往 些 些 目标 
车 单元 格 水 平 | 了 天 更 [  ] 不 移行 口 。 育 县 [ $5 CE 
田 东 者 加 言 [ ] 。 村 可口 青 有 入 &[ | 


图 12-24 用 户 账户 密码 修改 页 面 
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表 12-3 表单 元 素 的 属性 和 说 明 


元 素 类 型 属 性 值 说 明 
表单 名 字 : frmModifyPassword 本 表单 
文本 域 名 字 : txtNewPassword 接受 新 的 用 户 密码 输入 的 文本 框 
类 型 : 密码 
文本 域 名 字 : txtConfirmPassword 接受 用 户 再 次 输入 新 密码 用 于 核对 的 文本 框 
类 型 : 密码 
和 SN 接受 用 户 输入 的 姓名 信息 的 文本 杠 
类 型 : 单行 
按钮 名 字 : btnModify 提交 新 密码 信息 的 按钮 
标签 : 确认 修改 
动作 : 提交 表单 


(2) 选择 主 菜单 中 的 【文件 了 民 保存 命令 ,把 这 个 页 面 保存 到 PurchaseSys 子 目 录 
下 , 取 名 为 modifyaccount. asp。 
由 于 本 页 面 是 用 户 登 录 后 才能 访问 的 ,因此 不 需要 让 用 户 在 此 输入 旧 密 码 。 


4. 创建 信息 提示 页 面 


接 下 来 需要 创建 一 个 页 面 ,这 个 页 面 是 修改 用 户 密码 和 账户 成 功 后 的 信息 提示 页 面 ,为 
此 ,创建 一 个 如 图 12-25 所 示 的 成 功 信 息 页 面 ,保存 为 PurchaseSys\modifysuccess. asp。 


恭喜 您 ，{Session- MM_Username} 
用 户 密码 和 账户 信息 已 修改 成 功 ! 


画 调 [] 村 ED RBF | | 


图 12-25 用 户 注册 成 功 提示 页 面 


5. 实现 修改 密码 和 账户 的 功能 


在 modifyaccount. asp 中 修改 用 户 密码 ,实际 上 是 要 对 Account 用 户 账户 数据 表 中 
一 条 记录 , 即 某 一 个 用 户 的 信息 进行 更 新 ,其 中 更 新 的 仅 是 这 条 记录 的 某 些 允许 用 户 
修改 的 字段 ,包括 Password 字段 。 
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为 实现 更 新 功能 ,必须 定义 对 这 一 条 用 户 账户 记录 的 引用 , 即 定义 一 个 仅 含 一 条 记录 
的 记录 集 。 在 前 面 的 章节 中 曾经 介绍 过 基本 记录 集 的 创建 ,这 里 将 介绍 如 何 利 用 筛选 
功能 。 

(1) 在 【应 用 程序 浮动 面板 中 ,选择 [ 绑 定 〗 选 项 卡 , 单 击 国 按钮 ,选择 [记录 集 ] 命 令 ， 
可 见 如 图 12-26 所 示 的 [记录 集 ] 对 话 框 ,其 各 项 参数 的 输入 方法 如 下 : 


lrstThisAceount, 


连接 :|Pur chaseSys 


| dbo. Account 


图 12-26 【记录 集 ] 对 话 框 


a 在 [名称] 文本 框 中 输入 给 记录 取 的 名 字 。 

@ 在 【连接 ] 下 拉 列 表 框 中 选择 要 使 用 的 数据 库 连 接 。 

@ 在 【表格 ] 中 选取 Kdbo. Account] 表 。 

@ 在 【 列 了 单 选 按钮 处 选择 默认 的 【全 部 了 即 可 。 

@ 在 [筛选] 下拉 列 表 框 中 选择 [Username】 ,表示 条 件 表达 式 的 左边 是 Username 字 
段 ,在 右边 的 比较 符号 里 选择 【= 二] 项 ,表示 要 进行 值 是 否 相 等 的 比较 ,在 Username 下 方 
的 下 拉 列 表 框 中 选择 【阶段 变量 ] 项 ,表示 条 件 表达 式 的 右边 值 的 类 型 是 阶段 变量 ,在 右边 
的 文本 框 中 输入 代表 当前 用 户 名 的 阶段 变量 名 : MM _Username。 

这 个 步骤 使 Username 一 MM_Username 成 为 一 个 表达 式 ,表示 记录 集 包含 的 记录 必 
须 满足 用 户 名 字段 等 于 MM_Username 的 值 ,对 于 这 个 例子 来 说 ,返回 的 记录 集 里 仅 包 
含 当前 用 户 的 用 户 账号 记录 。 

(2) 单 击 【测试 3 按钮 ,可 以 测试 记录 集 定 义 的 正确 性 ,由 于 此 时 页 面 尚未 运行 ,MM_ 
Username 并 没有 值 , 因 此 会 弹出 如 图 12-27 所 示 的 对 话 框 ,要 求 提供 一 个 值 用 于 测试 。 


请 提供 一 个 测试 值 
请 提供 测试 值 给 阶段 变量 :IN_Usernane 


WW 


图 12-27 【请 提供 一 个 测试 值 ] 对 话 框 


(3) 单 击 【 确 定 ] 按 钮 后 ,车 记录 集 定义 正确 ,可 以 看 到 如 图 12-28 所 示 的 页 面 ,其 中 
列 出 了 记录 集 包含 的 记录 内 容 。 
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(4) 测试 完 后 , 单 击 [确定 了 按钮 完成 记录 集 定 义 后 ,在 【 绑 定 了 选项 卡 中 可 以 看 到 如 
图 12-29 所 示 的 刚刚 定义 的 记录 集 。 


数据 库 用 服务 器 行为 | 组 件 
转口 wy: sp waseript g 


外 一 -一 当 


前 5 个 E) | 下 zs 个 中 


图 12-28 测试 SQL 指令 图 12-29 新 定义 的 记录 集 


(5) 下 面 将 生成 密码 和 账户 修改 的 功能 ,这 需要 在 【服务 器 行为 ] 选 项 卡 中 添加 一 个 
【更 新 记录 服务 器 行为 ,在 添加 菜单 里 选择 【更 新 记录 命令 后 ,将 看 到 如 图 12-30 所 示 的 
【更 新 记录 】 对 话 框 ,其 各 项 参数 输入 方法 如 下 : 


图 12-30 【更 新 记录 ] 对 话 框 


中 在 【连接 】 下 拉 列 表 框 里 选择 【PurchaseSys] 数 据 库 连接 。 

@ 在 【要 更 新 的 表格 ] 下 拉 列 表 框 中 选择 【dbo. Account] 数 据 表 ,表示 要 对 这 个 数据 
表 中 的 记录 做 更 新 。 

@ 在 【选取 记录 自 J 下 拉 列 表 框 中 选择 【rstThisAccount】 记 录 和 集 , 表 示 要 更 新 的 记录 
范围 由 这 个 记录 集 选 定 。 

@ 在 【唯一 键 列 ] 下 拉 列 表 框 中 选择 [Username】 字 段 ,因为 这 是 一 个 可 以 唯一 确定 
一 条 记录 的 字段 。 

@@ 在 【在 更 新 后 , 转 到 】 文 本 框 中 输入 更 新 以 后 转 到 哪个 页 面 , 可 以 单 击 【 浏 览 ] 按 钮 
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直接 从 本 地 站 点 中 选取 页 面 。 

对 话 框 下 半 部 分 的 选项 ,决定 了 更 新 时 各 需 更 新 字段 ( 即 Dreamweaver 所 说 的 列 ) 的 
取 值 获取 。 

@ 在 [获取 值 自 下拉 列 表 框 中 选择 【frmModifyPassword】 表 单 ,表示 字段 的 新 值 从 
该 表单 元 素 的 输入 值 获取 。 

@ 在 【表单 元 素 ] 列 表 框 中 , 列 出 了 表单 的 各 个 元 素 和 每 个 元 素 将 更 新 哪 一 个 字段 ， 
选择 好 对 应 关系 。 

(6) 单 击 【 确 定 ] 按 钮 ,完成 服务 器 行为 定义 ,完成 了 密码 和 账户 信息 修改 功能 ,当然 
为 了 访问 这 一 功能 , 须 先 在 main. asp 中 加 一 个 指向 修改 页 面 的 超级 链接 。 

同步 站 点 后 ,可 以 测试 密码 和 账户 修改 的 功能 。 正 常 登录 后 ,进入 密码 和 账户 修改 页 
面 ,如 图 12-31 所 示 。 


七 用 户 窗 码 账户 修改 - Wicrosoft Internet Explorer 
文件 全) 编辑 于) 查看 如 收藏 和 ) 工具 中 帮助 0 


@ 扣 -日 .是 固 的 有 开光 Wax 加 | 四- 瑟 国 温 


站 证 公国 http /110.10 1 2/PerchaseSys/nodi yaceount amp 


济 久 竞 沪 冰鞋 锅 启 


用 户 账户 密码 修改 
输入 新 密码 : [oe* 
再 输入 一 遍 新 密码 : 上 
用 户 真实 姓名 : [5 
[CW 


图 12-31 密码 修改 页 面 


在 输入 新 信息 后 , 单 击 【确认 修改 3 按钮 ,可 以 看 到 如 图 12-32 所 示 的 页 面 。 


重修 改 成 功 提示 -Microsoft Internet Explorer 
文件 中 编辑 于) 查看 WD 收藏) 工具 CD) 帮助 0 


Om © .四国 Pw 内 wx @|B- 台 加 


地 址 加 | 简 http:1/10.10 1 2/PurchaseSys/nodifysucees: 


水 迎 党 蚁 阅 上 名 启 


恭喜 您 ， ZZdq 
用 户 密码 和 账户 信息 已 修改 成 功 ! 


图 12-32 用户 信 息 修改 成 功 页 面 
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如 果 回 到 登录 页 面 ,会 发 现 使 用 旧 密 码 已 经 不 能 成 功 登 录 , 只 有 用 新 密码 才能 成 功 
登录 。 


12.5.2 限制 对 页 访问 的 服务 器 行为 


本 节 中 将 介绍 如 何 应 用 【用户 身份 验证 3I【 限 制 对 页 的 访问 服务 器 行为 。 

密码 修改 页 面 存 在 两 个 问题 。 

密码 修改 页 面 存在 的 第 一 个 问题 是 : 不 经 过 登录 ,仍然 可 以 通过 指定 完整 的 URL 来 
访问 这 个 页 面 。 

这 是 因为 对 于 这 个 页 面 ,没有 做 用 户 权 限 的 限制 ,但 这 个 页 面 恰恰 应 该 是 用 户 登录 后 
才能 够 访问 的 。 那么, 如何 对 一 个 动态 页 面 加 上 用 户 权 限 的 限制 ( 即 只 有 登录 后 的 具有 一 
定 访问 级 别 的 用 户 才 能 访问 该 页 面 ) 呢 ?操作 方法 如 下 : 

(1) 打开 用 户 密码 修改 页 面 ,在 【应 用 程序 】 浮 动 面板 的 【服务 器 行为 ] 选 项 卡 中 选择 
【添加 ] 菜 单 的 [用 户 身 份 验 证 J】I【 限 制 对 页 的 访问 命令 。 

(2) 弹出 如 图 12-33 所 示 的 对 话 框 ,在 【基于 以 下 内 容 进 行 限制 ] 单 选 按 钮 组 中 选择 
【用 户 名 和 密码 ] 单 选项 ,因为 对 密码 修改 页 面 只 需要 检查 用 户 名 和 密码 ,不 需要 检查 访问 
级 别 , 所 有 访问 级 别 的 用 户 都 要 使 用 该 页 ,以 后 会 讲解 如 何 使 用 访问 级 别 。 在 【如 果 访 问 
被 拒绝 , 则 转 到 ] 文 本 框 中 输入 访问 被 拒绝 时 ,进入 哪个 页 面 。 可 以 单 击 【 浏 览 ] 按 钮 直接 
在 本 地 站 点 选取 页 面 ,这 里 选择 的 是 登录 页 面 。 


限制 对 页 的 访问 


基于 以 下 内 容 进行 限制 : @ ”用 户 名 和 密码 


图 12-33 【限制 对 页 的 访问 ] 对 话 框 


(3) 单 击 [确定 了 按钮 完成 设置 。 

同步 站 点 后 进行 测试 。 直 接 输入 完整 的 URL 后 ,用 户 被 引导 到 登录 页 面 , 如 
图 12-34 所 示 。 

正确 登录 后 ,页 面 回 到 了 刚才 试图 访问 的 URL, 即 用 户 密 码 修改 页 面 ,而 不 是 通常 登 
录 后 进入 的 main. asp。 还 记得 生成 用 户 登 录 功 能 时 的 一 个 选项 吗 ? 想 一 想 是 哪个 选项 
起 了 作用 ? 


12.5.3 两 次 密码 输入 核对 


在 本 节 中 将 介绍 如 何 通过 修改 自动 生成 的 代码 来 扩展 功能 。 
密码 修改 页 面 存在 的 第 二 个 问题 是 : 虽然 密码 修改 页 面 要 求 用 户 输入 两 遍 密 码 , 但 
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沁 用户 痘 录 - Wicrosoft Internet Explorer 
文件 四 编辑 中) 查看 WD ”收藏 全 工具 帮助 吕 


四 下 -四 - 国 加 的 | 忆 拉 交 oex 思 | 合 -号 国电 


图 12-34 用 户 登 录 页 面 


是 ,实际 上 到 目前 为 止 ,该 页 面 并 没有 利用 表单 中 的 第 二 个 输入 值 ,并 没有 在 更 新 用 户 账 
号 信息 时 先 核对 两 遍 密 码 输入 是 否 一 致 。 

这 是 因为 Dreamweaver 8 并 没有 专门 针对 用 户 密码 修改 提供 自动 生成 程序 代码 的 功 
能 ,读者 可 以 看 到 ,这 里 用 来 实现 密码 修改 功能 的 方法 ,实际 上 是 借用 了 Dreamweaver 8 
的 【更 新 记录 了 的 服务 器 行为 工具 。 

在 【更 新 记录 了】 服务 器 行为 工具 无 法 完全 满足 要 求 的 情况 下 ,只 能 修改 自动 生成 的 程 
序 代码 ,来 满足 开发 者 的 要 求 。 实 际 上 不 需要 对 自动 生成 的 程序 做 大 的 改动 ,只 要 稍 作 变 
动 就 可 以 满足 需要 ,操作 方法 如 下 : 

(1) 将 编辑 窗口 切换 为 【代码 视图 模式。 

(2) 找到 以 注释 “'xxx Update Record: construct a sql update statement and execute 
it” 为 开头 的 二 % % 二 代码 段 。 这 段 代码 是 Dreamweaver 8 自动 生成 用 于 在 用 户 单 击 表 
单 的 [确认 更 新 ] 按 钮 后 ,执行 Account 表 更 新 动作 的 代码 。 

(3) 用 以 下 的 代码 把 原来 的 代码 段 包 起 来 ,形式 如 下 所 示 


< 

xxx Update Record: construct a sql update statement and execute it 

if (CStr (Request..Fom("txtNewPassword") )= Cstr (Request .Fom ("txtConfimPassword"))) then 
原来 的 代码 段 

else 
response.Write ("两 次 输入 的 密码 不 符 !") 

end if 

和 > 


(4) 这 样 就 给 原 有 的 更 新 动作 加 上 了 一 个 条 件 , 即 当 表单 的 txtNewPassword 和 
txtConfirmPassword 两 个 元 素 的 输入 值 作为 字符 串 类 型 来 比较 ,如 果 相同 ,就 执行 原来 
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的 代码 段 ,执行 更 新 动作 ;和 否则 ,在 服务 器 生成 返回 的 HTML 代码 时 , 先 输出 “两 次 输入 
的 密码 不 符 1” 的 提示 信息 。 

同步 站 点 后 ,进行 测试 。 在 密码 修改 页 面 两 次 输入 新 密码 时 ,有 意 输入 不 一 致 的 密 
码 , 单 击 【确认 修改 了 按钮 ,就 会 显示 如 图 12-35 所 示 的 错误 信息 的 页 面 。 


沁 用 户 客 码 账户 修改 - Wicrosoft Internet Explorer 
文件 四 鲍 务 加 查看 轴 。 收 蕊 全 工具 中 帮助 由 


@a -日 - 国 加 的 | Par 责 emx 加 | 全 - 怠 国 总 


直 让 人 W | 掉 http;//10.10 1 2/PurchsseSys/modifyaccount asp 


鞭 久 党 蚁 阅 上 襄 房 


用 户 账户 密码 修改 


输入 新 密码 : | | 
再 输入 一 遍 新 密码 : 


用 户 真实 姓名 : 


图 12-35 密码 不 符 提示 信息 


在 这 里 ,演示 了 一 个 通过 简单 修改 Dreamweaver 8 自动 生成 的 代码 段 ,来 增强 Web 
应 用 功能 的 例子 。 建 议 : 如 果 Dreamweaver 8 能 够 自动 完成 的 工作 , 则 一 定 用 
Dreamweaver 8 来 完成 ,而 不 要 试图 大 量 地 修改 代码 。 因 为 这 样 会 给 以 后 的 维护 工作 带 
来 麻烦 。 对 一 个 开发 项 目 来 说 ,一 定 要 在 文档 中 特别 指出 手工 修改 过 的 地 方 ,以 示 不 同 。 

同时 ,这 个 例子 也 给 读者 一 个 启示 , 即 虽然 Dreamweaver 8 可 以 帮助 开发 者 完成 大 部 
分 常用 的 功能 ,但 是 要 实现 高 级 的 和 特殊 的 功能 ,就 必须 靠 编 程 来 解决 。 因 此 ,对 于 想 深 
和 人 学 习 网 站 开发 的 读者 ,应 该 清楚 地 知道 学 习 编 程 是 必 不 可 少 的 。 
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.GO 华商 品 信息 维 护 系 统 


知识 点 

。 如 何 实现 商品 信息 输入 功能 
。 如 何 实现 商品 信息 修改 功能 
。 如 何 实现 商品 信息 查询 功能 


13.1 系统 的 功能 与 组 成 


商品 信息 管理 系统 ,包含 供 管理 员 输 入 和 维护 商品 信息 的 功能 ,以 及 公用 的 商品 信息 
查询 功能 。 

管理 员 通 过 商品 信息 输入 功能 来 加 入 新 的 商品 信息 ,通过 商品 信息 修改 功能 来 维护 
已 有 商品 信息 的 变化 ;顾客 和 管理 员 都 可 以 通过 商品 信息 查询 功能 来 得 到 商品 的 相关 信 
息 , 比 如 管理 员 可 以 用 它 来 检查 数据 输入 是 否 有 误 , 顾 客 可 以 用 它 来 了 解 商 品 的 详细 信 
息 , 以 便 决定 是 否 选 择 该 商品 。 

实际 的 商品 信息 会 比 这 个 例子 复杂 一 些 , 比 如 何 种 商品 是 促销 商品 ,折扣 率 是 多 少 ， 
适合 哪 类 人 和 群 等 。 当 然 ,作为 教学 例子 不 需要 这 么 复杂 ,不 必 太 在 意 例子 本 身 , 重 要 的 是 
掌握 网 上 书店 实例 背后 的 知识 点 。 


13.2 数据 库 设计 


回顾 网 上 书店 的 整体 数据 库 设计 ,如 图 13-1 所 示 。 

与 本 章 密切 相关 的 是 Catalog 表 , 该 表 用 来 存储 商品 代码 、 商 品名 称 、 商 品 描述 、 商 品 
库存 数 、 商 品类 别 、 商 品 单价 和 图 片 。 

。 ProductID: 字段 类 型 为 “字符 型 ”, 长 度 为 20, 存 放 内 容 为 “商品 代码 ”。 

。 Name: 字段 类 型 为 “字符 型 ”长度 为 60, 存 放 内 容 为 “商品 名 称 ”。 

。 Description: 字段 类 型 为 "字符 型 ”长度 为 80 ,存放 内 容 为 "商品 描述 .允许 空 ”。 

。 Image: 字段 类 型 为 "字符 型 ”长度 为 30 ,存放 内 容 为 “商品 的 图 片 的 路 径 、 人 允许 空 ”。 


| |orderdate 


图 13-1 网 上 书店 数据 库 


。 Listprice: 字段 类 型 为 “数值 型 ,长 度 为 9, 小数 为 2, 存 放 内容 为 “商品 的 单价 ”。 
。 Numinstock: 字段 类 型 为 int, 长 度 为 9, 存放 内 容 为 “商品 的 库存 数 ”。 

。 Category: 字段 类 型 为 “字符 型 ,长 度 为 20, 存 放 内 容 为 “商品 的 种 类 ”。 
Catalog 表 以 ProductID 为 主键 。 


13.3 实现 商品 信息 输入 功能 


一 个 电子 商务 网 站 必须 具备 商业 数据 输入 、 维 护 的 功能 。 电 子 商务 网 站 销售 商品 的 
品名 数量 ,规格 等 信息 的 输入 ,实际 上 是 对 商品 数据 库 添 加 数据 记录 ,利用 Dreamweaver 
8 可 以 很 容易 地 实现 这 个 功能 。 


13.3.1 插入 记录 服务 器 行为 的 进一步 应 用 


在 本 节 中 将 重点 介绍 如 何 组 织 应 用 程序 的 各 种 功能 和 加 深 对 【插入 记录 】 服 务 器 行为 
的 理解 。 

从 本 节 开 始 将 给 网 上 书店 添加 各 种 功能 .在 开始 实现 第 一 个 功能 之 前 , 先 把 main 
. asp 改 造成 网 上 书店 的 功能 目录 ,其 操作 方法 如 下 : 

(1) 打开 main. asp 文件 。 

(2) 选择 主 菜 单 中 的 【插入 ]I【KHTML]IIT 框 架 ] 上 上 方 及 左 侧 符 套 ] 命 令 ， 
Dreamweaver 8 在 生成 框架 的 同时 ,自动 把 main. asp 置 为 框架 的 主页 面 。 

(3) 在 上 方 框架 中 输入 标题 信息 ,如 “欢迎 光临 网 上 书店 ”, 当然 读 者 可 以 自由 发 挥 ， 
用 前 面 章 节 学 过 的 内 容 生 成 一 个 漂亮 的 标题 页 面 。 

(4) 将 上 方 框架 页 面 保存 为 PurchaseSys \ title. asp, 左 侧 框架 页 面 保存 为 
PurchaseSys\menu. asp ,将 整个 框架 页 面 保 存 为 PurchaseSys\mainmenu. asp。 

(5) 在 左 侧 框架 中 输入 到 目前 为 止 的 菜单 内 容 , 并 正确 地 设置 超级 链接 。 
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(6) 修改 PurchaseSys\index. asp 用 户 登 录 页 面 , 把 其 中 的 【登录 用 户 了 的 服务 器 行为 
中 登录 成 功 后 转向 的 页 面 指向 PurchaseSys\mainmenu. asp。 

注意 : 本 例 选 用 了 框架 来 实现 网 上 书店 的 主 菜单 ,读者 完全 可 以 选择 自己 的 方法 。 
页 面 保 存 为 .asp 还 是 . htm, 取 决 于 是 否 希 望 在 该 页 面 利 用 或 处 理 动 态 信 息 。 框 架 由 框架 
页 面 和 其 中 各 部 位 的 页 面 组 成 ,保存 页 面 时 请 注意 当前 保存 的 是 哪 一 部 分 ,不 要 保存 错位 
置 , 例 如 把 上 方 框架 当 作 框架 页 面 保存 了 。 

建议 对 于 Web 应 用 程序 的 所 有 页 面 ,统一 采用 . asp 动态 页 面 格式 ,以 便 随时 增加 动 
态 内 容 和 传递 应 用 数据 。 

图 13-2 显示 了 修改 后 的 网 上 书店 功能 选择 界面 。 


{Session. MM Username} ， 您 好 ! 


好 政 育 下 信息 


Ee 这 是 购书 系统 的 功能 页 面 


图 13-2 网 上 书店 功能 选择 页 面 
现在 创建 商品 信息 输入 页 面 ,其 操作 方法 如 下 : 
1. 创建 一 个 商品 信息 输入 页 面 
创建 一 个 采用 VBScript 语言 的 ASP 新 页 面 。 
2. 定义 购书 系统 的 数据 库 连接 
数据 库 连 接 PurchaseSys 可 以 直接 使 用 ,不 需要 再 创建 。 
3. 创建 页 面 布局 和 页 面 元 素 


(1) 在 新 页 面 中 ,加 入 如 图 13-3 所 示 的 基本 元 素 。 其 中 标题 和 其 他 静态 部 分 都 可 以 
根据 自己 的 喜好 用 前 面 各 章节 描述 的 创作 静态 页 面 的 方法 来 设计 ,使 页 面 美观 ,可 以 自由 
发 挥 。 

表单 部 分 是 必须 有 的 ,将 用 它 来 生成 动态 行为 ,如 图 13-3 所 示 , 添 加 一 个 表单 ,表单 
包含 的 元 素 如 表 13-1 所 示 。 
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Binserteatalor osp 


图 13-3 商品 信息 输入 页 面 


表 13-1 表单 元 素 的 属性 和 说 明 


元 素 类 型 属性 值 说 明 

表单 名 字 : frmlInsertCatalog 本 表单 

文本 域 名 字 : txtProductID 接受 商品 号 输入 的 文本 框 
类 型 : 单行 

文本 域 名 字 : txtName 接受 商品 名 称 输入 的 文本 框 
字符 宽度 : 60 
类 型 : 单行 

文本 域 名 字 : txtDescription 接受 商品 描述 输入 的 文本 框 
字符 宽度 : 80 
行 数 :4 
类 型 : 多 行 

文本 域 名 字 : txtImage 接受 图 片 文件 在 服务 器 上 的 路 径 输入 
类 型 : 单行 的 文本 框 

文本 域 名 字 : txtListprice 接受 商品 单价 输入 的 文本 框 
类 型 : 单行 

文本 域 名 字 : txtNuminstock 接受 商品 库存 输入 的 文本 框 
类 型 : 单行 

列表 /菜单 名 字 : selCategory 接受 商品 种 类 输入 的 菜单 
类 型 : 菜单 


列表 值 : 电子 商务 。 电子 商务 
计算 机 计算 机 


(以 下 上 略 ) 
初始 化 时 选 定 : 
按钮 名 字 : btnInsert 提交 商品 信息 的 按钮 
标签 : 保存 输入 
动作 : 提交 表单 
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续 表 


元 素 类 型 属性 值 说 明 
按钮 名 字 : btnClear 把 表单 内 容 清 除 到 未 填 状 态 的 按钮 
标签 : 清除 重 填 
动作 : 重 置 表单 


(2) 对 商品 信息 输入 页 面 先 创建 到 这 里 ,其 功能 暂缓 实现 ,选择 主 菜单 中 的 [文件 】 
【保存 了 命令 ,把 这 个 页 面 保存 到 PurchaseSys 子 目 录 下 , 取 名 为 insertcatalog. asp。 


4. 创建 信息 提示 页 面 


接 下 来 需要 创建 一 个 页 面 , 这 个 页 面 是 添加 新 商品 信息 成 功 后 进入 的 成 功 信息 提示 
页 面 ,这 个 页 面 必须 在 创建 输入 功能 之 前 就 创建 并 保存 在 站 点 中 。 为 此 ,创建 一 个 如 


图 13-4 所 示 的 成 功 信 息 页 面 , 将 其 以 insertsuccess. asp 为 名 保存 在 文件 夹 
PurchaseSys 中 。 


ET 


图 名 ICEED 


戎 喜 您 ，{Session. MM_Username} 
新 输入 的 信息 已 保存 ! 


宽 回 定 oo 
〇 8 动 p 展 We 冲 问 看 局 回 


图 13-4 添加 新 商品 成 功 信息 


5. 实现 商品 信息 输入 的 功能 
(1) 回 到 商品 信息 输入 页 面 的 编辑 窗口 ,如果 已 经 关闭 该 窗口 ,那么 请 重新 打开 文件 


insertcatalog. asp。 

(2) 在 【应 用 程序 了 浮动 面板 中 ,选择 [服务 器 行为 ] 选 项 卡 , 单 击 国 | 按钮 ,选择 【插入 记 
录 ]】 命 令 。 

(3) 接 下 来 会 弹出 如 图 13-5 所 示 的 [插入 记录 】 对 话 框 ,其 参数 设置 方法 如 下 : 

Qa 在 【连接 下拉 列表 框 中 ,选择 [PurchaseSys] 数 据 库 连 接 。 

@ 在 【插入 到 表格 】 下 拉 列 表 框 中 选择 【dbo. Catalog] 表 ,表示 输入 的 数据 将 插入 该 
表 中 去 。 
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|PurchaseSys 


:|abo. Catalog 


Elinsertsuccess. asp 


下 frmTnsertCatalog 


图 13-5 【插入 记录 】 对 话 框 


@ 在 【插入 后 , 转 到 ] 文 本 框 中 输入 信息 输入 成 功 页 面 的 路 径 PurchaseSys\ 
insertsuccess. asp, 也 可 以 单 击 【 浏 览 ] 按 钮 直接 从 本 地 站 点 选择 。 

(4) 接 下 来 的 对 话 框 部 分 指定 了 表单 元 素 值 与 数据 库 记 录 字 段 的 对 应 关系 。 

@ 在 【获取 值 自 I 下 拉 列 表 框 中 选择 【frmInsertCatalog】] 表 单 ,表示 新 记录 的 值 来 自 
该 表单 中 的 元 素 值 。 

@ 在 【表单 元 素 ] 中 选择 txtProductID。 

@ 在 下 面 的 [ 列 ] 下 拉 列 表 框 中 选择 [dbo. Catalog] 表 中 的 [ProductID】 字 段 。 

@ 然后 在 【提交 为 J 下 拉 列 表 框 中 选择 【文本 】. 表 示 插 入 dbo. Catalog 表 的 新 记录 ， 
其 ProductID 字段 的 值 来 自 frmInsertCatalog 表单 中 的 txtProductID 的 输入 值 , 并 且 将 
该 值 确定 为 文本 类 型 。 

@ 用 同样 的 方法 将 【表单 元 素 ] 列 表 框 中 的 所 有 的 表单 元 素 对 应 到 其 对 应 的 字 
段 上 。 

(5) 单 击 【确定 了 按钮 ,完成 对 话 框 的 设置 , 回 到 加 
Dreamweaver 8 主 画 面 后 ,可 以 看 到 【应 用 程序 ] 浮 动 面板 的 
【服务 器 行为 ] 选 项 卡 中 多 了 [插入 记录 】 这 一 行为 ,如 图 13-6 
所 示 。 Te 

商品 信息 输入 页 面 的 基本 功能 已 经 完成 ,保存 后 还 要 
在 功能 页 面 中 创建 指向 商品 信息 输入 页 面 的 超级 链接 ( 别 
忘 了 插入 链接 时 把 目标 指定 为 mainFrame, 以 使 页 面 在 主 框 图 13-6 【搬入 记录 了 行为 
架 中 显示 ) 。 

同步 站 点 之 后 ,就 可 以 测试 一 下 功能 了 。 在 功能 页 面 中 左 侧 选择 【输入 商品 信息 3 选 
项 ,在 主 框架 中 应 该 出 现 如 图 13-7 所 示 的 商品 信息 输入 的 页 面 。 

在 如 图 13-7 所 示 的 页 面 中 填 人 信息 后 , 单 击 【保存 输入 了 按钮 ,系统 将 输入 的 信息 保 
存 到 数据 库 后 ,显示 如 图 13-8 所 示 的 信息 输入 成 功 页 面 。 
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plorer 
文件 四 ” 编 加 四 ”要 看 W IETTOE2ITI 


BB 后- 日- 国 国 的 | 有 Pr 过 emx @@| 号 - 忆 国 六 


绿 殉 党 临 网 上 训 褒 


IE 种 类 : [sm 国 


上 DIEEEEE 可 


了 


| 


图 13-7 商品 信息 输入 页 面 


ee i 收藏 W) 工具 CI) 帮助 人 D 
@ 扣 -日 -四 国 纹 Ps 次 wx 加 | 四 -对 国 也 


地 址 加 | 答 http://10.10. 1 2/PurchaseSys/naimmeny 4sp 


上 拯 坟 吉 吉 信和 放 
[四 区 到 下 信息 
| 站 术 特 完 青 吕 


六 看 风物 到 


生 和 香 枫 站 


图 13-8 ”提示 新 输入 的 信息 已 保存 


13.3.2 阻止 未 经 授权 的 用 户 的 访问 


前 面 介绍 的 内 容 使 网 上 书店 已 经 具备 了 一 些 基 本 功能 , 接 下 来 便 要 使 网 站 的 这 些 功 
能 更 加 完善 。 

首先 ,对 于 输入 页 面 还 没有 做 用 户 权限 的 限定 。 任 何 一 个 正确 登录 的 用 户 都 可 以 输 
入 和 保存 商品 信息 ,这 是 商务 网 站 所 不 允许 的 。 下 面 介 绍 完成 用 户 权限 限定 这 一 功能 ,也 
借 此 复习 一 下 在 第 12 章 中 已 经 讲 过 的 用 户 权限 限制 的 实现 方法 。 
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在 本 节 中 将 讨论 以 下 3 个 问题 : 

。 加 深 对 【用 户 身份 验证 了 功能 中 [限制 对 页 的 访问 了 的 服务 器 行为 的 理解 。 
。 如 何 定义 和 设置 授权 级 别 。 

。 避免 常见 的 多 余 空格 的 取 值 错误 。 
用 户 权 限 限 制 的 操作 方法 如 下 : 
(1) 打开 KPurchaseSys】 子 目录 下 的 insertcatalog. asp 商品 信息 输入 页 面 ,在 【应 


序 】 浮 动 面板 的 [服务 器 行为 3 选项 卡 中 0 we 
访问 ] 命 令 。 


(2) 将 看 到 如 图 13-9 所 示 的 【限制 对 页 的 访问 对 话 框 。 


限制 对 页 的 访问 


基于 以 下 内 容 进行 限制 : O 〇 用户 名 和 密码 
@ ”用 户 名 、 密 码 和 访问 级 别 


图 13-9 【限制 对 页 的 访问 ] 对 话 框 


Q@ 在 【基于 以 下 内 容 进 行 限制 】 单 选 按钮 组 中 ,应 该 选择 [用户 名 、 密 码 和 访问 级 别 】 
单 选 项 。 因 为 对 这 个 页 面 , 只 有 访问 级 别 是 管理 员 的 用 户 才能 够 访问 。 

@ 在 [如 果 访 问 被 拒绝 , 则 转 到 文本 框 中 输入 访问 被 拒绝 时 ,进入 哪个 页 面 ,可 以 单 
击 【 浏 览 ] 按 钮 直接 在 本 地 站 点 选取 页 面 , 这 里 选择 的 是 登录 失败 信息 页 面 。 

@ 单 击 [定义 了 按钮 ,进入 访问 级 别 设置 。 


(3) 这 时 将 看 到 如 图 13-10 所 示 的 【定义 访问 级 别 ] 对 话 框 ,在 [名称] 文本 框 中 输入 
访问 级 别 的 名 称 , 这 个 名 称 应 该 与 数据 库 PurchaseSys 中 账户 表 Account 中 使 用 的 访问 
级 别 一致 , 单 击 国 按钮 ,把 该 访问 级 别 加 入 限制 列表 中 。 


定义 访问 级 别 


图 13-10 【定义 访问 级 别 ] 对 话 框 


注意 : 这 里 定义 的 访问 级 别 ,在 别 的 页 面 上 也 可 以 引用 ,不 必 重 复 定义 。 
(4) 单 击 【确定 按钮 会 发 现 [ 选 取 级 别 ] 列 表 中 出 现 了 刚才 定义 的 访问 级 别 限制 列 


表 。 选 择 admin, 但 不 要 选中 user, 因 为 这 个 页 面 只 有 管理 员 才 有 权 访 问 ,如 图 13-11 
所 示 。 


(5) 单 击 【确定 按钮 完成 行为 定义 。 这 时 ,【 服 务 器 行为 〗 选 项 卡 如 图 13-12 所 示 
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限制 对 页 的 访问 


基于 以 下 内 容 进行 限制 : 〇 用户 名 和 宫 码 
句 。 用 记名、 密码 和 沪 问 经 别 


ww 服务 器 行为 
由 回 El: Asf Viseript 
限制 对 页 的 访问 (adnin) 


插入 记录 莱 单 “frmInsertCa- 


Elinecal ssp 


图 13-11 【限制 对 页 的 访问 对话 框 图 13-12 【服务 器 行为 选项 卡 


同步 站 点 之 后 ,测试 一 下 ,会 发 现 这 一 次 用 顾客 账户 登录 后 , 当 试 图 访问 商品 信息 输 
入 页 面 时 ,将 出 现 如 图 13-13 所 示 的 页 面 。 


加 购书 系统 - 了 icrosoft Internet Explorer 
文件 到) 编辑 三 ) 的 工具 0) 帮助 0D 


@mm-©- 四 加 的 | 记 时 袍 emx | 全 -总 国 加 


地 址 加 者 http;//10,10. 1 2/PurchaseSys/nsimmeny asp 


水 更 沉 临风 上 冲 启 


锭 和 记 误 吕 信 站 


2 您 必须 正确 登录 后 ， 才能 购买 书籍 。 
[和 后 若 您 还 没有 注册 ， 请 先 注册 为 正式 用 户 。 


图 13-13 非法 用 户 提示 页 面 


注意 : 此 处 illegal. asp 的 版 面 已 经 被 重新 编辑 过 ,以 适应 在 框架 内 的 显示 。 但 是 这 
还 不 够 ,其 中 的 地 址 链接 也 需要 修改 ,否则 如 果 用 户 单 击 【登录 按钮 ,index. asp 会 显示 在 
mainFrame 框架 部 分 内 ,会 很 难看 。 更 有 其 者 ,如 果 用 户 继续 登录 进去 ,会 发 觉 一 个 新 的 
mainmenu. asp 框架 谈 套 在 原 mainFrame 框架 内 , 乱 成 一 团 。 解 决 的 办 法 是 把 链接 的 目 
标 设置 为 _top, 意 思 是 弹出 的 内 容 显 示 在 整个 窗口 内 ,而 不 是 框架 内 。 

当 使 用 [限制 对 页 的 访问 服务 器 行为 来 控制 用 户 访问 权限 时 ,特别 要 注意 在 用 户 账 
号 表 中 的 访问 级 别 字段 的 值 不 能 包含 多 余 的 空格 或 其 他 不 可 见 字符 。 否 则 ,该 服务 器 行 
为 会 认为 访问 级 别 不 符 ,而 拒绝 有 权限 的 用 户 的 访问 ,这 是 初学 者 容易 犯 的 一 个 常见 错 
误 。 有 一 种 省 事 的 解决 方法 ,其 操作 步骤 如 下 : 

在 index. asp 的 源 代码 中 找到 以 下 这 一 行 : 


Session ("MM Usermathorizaticn")= CStr MM rsUser.Fields.Item(MM fdUserAuthorization) .Value) 
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改 为 : 
Session (WM UserAthorization")= 
IIRIM(RIRIM(CStr OM rsUser.Fields. Ttem QM 日 QUsermathorizaticn) .Value))) 

这 样 就 使 登录 时 ,应 用 读 入 用 户 授 权 级 别 时 ,即使 用 户 的 授权 级 别 含有 前 后 多 余 的 空 
格 字符 ,在 生成 阶段 变量 时 ,用 上 述 语句 也 能 过 滤 掉 前 后 的 空格 。 

另外 ,读者 可 能 会 问 ,为 什么 不 在 表单 中 用 文件 域 来 实现 商品 图 片上 传 。 这 是 因为 ， 
用 作为 实验 环境 用 的 ASP 技术 来 实现 文件 上 传 可 不 是 一 件 容 易 的 事 , 为 了 避免 初学 者 过 
多 地 接触 编程 ,在 本 例 中 不 使 用 文件 上 传 的 方式 ,而 使 用 保存 图 片 的 路 径 的 方式 来 实现 等 
效 的 功能 ,商品 的 图 片 将 统一 保存 在 服务 器 上 的 一 个 文件 夹 里 。 

本 例 中 ,在 本 地 站 点 下 新 建 一 个 Images 的 目录 ,用 于 存放 商品 图 片 ,这样 在 同步 站 点 
时 ,会 自动 将 新 的 图 片上 传 到 服务 器 上 。 在 输入 新 商品 信息 时 ,在 图 片 栏 输入 类 似 于 *…/ 
Images/P0001.JPG” 的 图 片 文件 路 径 。 由 于 PurchaseSys 目录 与 Images 目录 平 级 ,因此 
相对 路 径 中 使 用 了 *…/”。 

注意 : URL 中 使 用 的 目录 分 级 符 是 “/”, 而 不 是 “\”。 

实际 上 ,用 ASP 技术 来 实现 文件 上 传 有 3 种 方法 : 

Q@ 购买 编写 好 的 ASP 文件 上 传 控 件 ,引用 这 种 商品 化 的 控件 来 实现 文件 上 传 。 

@ 购买 编写 好 的 Dreamweaver 8 扩展 功能 ,使 用 扩展 功能 好 比 Dreamweaver 8 有 了 
更 多 的 服务 器 行为 可 供 使 用 。 

@ 自己 编写 代码 来 实现 文件 上 传 。 

有 兴趣 的 话 , 可 以 自己 编写 代码 试 一 试 。 另 外 , PHP 技术 和 ASP. NET 都 内 骨 有 文 
件 上 传 功能 。 


13.4 实现 商品 信息 修改 功能 


在 本 节 中 将 讨论 以 下 4 个 问题 。 

。 利用 本 节 加 深 对 【更 新 记录 了 服务 器 行为 的 理解 。 

。 记录 集 的 排序 和 筛选 。 

。 如 何在 页 面 之 间 传 递 数据 (请 求 变 量 )。 

。 如 何 引用 动态 数据 (留心 办 电 符 号 ) 。 

有 输入 当然 就 有 修改 , 谁 也 不 能 保证 商品 信息 输入 一 遍 就 正确 ,或 者 以 后 不 会 有 变 
化 。 下 面 介 绍 如 何 实现 修改 商品 信息 的 功能 。 

商品 信息 修改 功能 包含 两 个 主要 页 面 ,在 第 一 个 页 面 modifycatalog. asp 中 让 用 户 选 
择 要 修改 的 商品 号 ,并 单 击 【下 一 步 ] 按 钮 ,然后 进入 第 二 个 页 面 。 在 第 二 个 页 面 
modifycatalogl. asp 中 ,让 用 户 修改 该 商品 的 信息 并 保存 。 

创建 第 一 个 页 面 的 操作 步 又 如 下 : 

(1) 创建 需要 修改 的 商品 信息 选择 页 面 。 创建 一 个 新 的 支持 ASP VBScript 的 动态 
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页 面 。 

(2) 定义 购书 系统 的 数据 库 连接 。 由 于 同一 应 用 可 以 共享 数据 库 连接 ,因此 这 个 页 
面 仍然 可 以 使 用 PurchaseSys 数据 库 连接 ,不 需要 另外 定义 数据 库 连 接 。 

(3) 定义 一 个 记录 集 rstCatalog ,如 图 13-14 所 示 。 


: [Purchasesys 


:| mo Catalog 图 


列 : @ 全 部 。” 〇 选 定 的 : 


栋 se tID 
Bs eription 
Inse. 

ILis i 

第 先 : [无 图 | 
WRL 参数 
:|ProductID a 


图 13-14 【记录 集 ] 对 话 框 


(4) 创建 页 面 布局 和 页 面 元 素 , 步 又 如 下 : 

g@ 在 新 页 面 中 ,加 入 如 图 13-15 所 示 的 基本 元 素 , 其 中 标题 和 其 他 静态 部 分 ,都 可 以 
根据 自己 的 喜好 用 前 面 各 章节 描述 的 创作 静态 页 面 的 方法 来 设计 ,使 页 面 美观 ,可 以 自由 
发 挥 。 与 前 一 个 例子 一 样 ,表单 部 分 是 必须 有 的 ,将 用 它 来 生成 动态 行为 。 在 新 页 面 中 ， 
加 入 如 图 13-15 所 示 的 基本 元 素 ,表单 包含 的 元 素 如 表 13-2 所 示 。 


ET 


图 回 季 [5e 5] 山 ] 号 下 | 兰 去 Wi Wi 国 四 


限制 对 页 的 访问 Ee n) 
记录 生 frstCatulog) 
六 人 ae 


天 [CSS JJB 7 和 皇 硅 笃 皇 
ES Le | ] 址 垂 经 经。 目标 | 


[RE ] 5 


图 13-15 选择 要 修改 商品 的 页 面 
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表 13-2 表单 元 素 的 属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmModifyCatalog 本 表单 

列表 /菜单 名 字 : selProductID 接受 商品 号 输入 的 菜单 
类 型 : 菜单 
列表 值 : 动态 


来 自 : rstCatalog 

值 字段 : ProductID 

标签 字段 : ProductID 

初始 化 时 选 定 : rstCatalog 的 [第 一 个 记录 索引 ] 


按钮 名 字 : btnNext 提交 商品 信息 的 按钮 
标签 : 下 一 步 
动作 : 提交 表单 


@ 对 商品 信息 修改 页 面 先 创建 到 这 里 ,其 功能 暂缓 实现 ,选择 主 菜单 中 的 [文件 〗 
【保存 了 命令 ,把 这 个 页 面 保存 到 PurchaseSys 子 目 录 下 , 取 名 为 modifycatalog. asp。 

创建 第 二 个 页 面 的 操作 步骤 如 下 : 

(1) 创建 一 个 商品 信息 修改 页 面 ,创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 

(2) 定义 购书 系统 的 数据 库 连 接 ,由 于 同一 应 用 可 以 共享 数据 库 连 接 , 因 此 这 个 页 面 
仍然 可 以 使 用 PurchaseSys 数据 库 连 接 , 不 需要 另外 定义 数据 库 连 接 。 

(3) 定义 参数 传递 。 定 义 从 第 一 页 传 过 来 的 参数 ,在 【应 用 程序 了 浮动 面板 中 ,选择 
【 绑 定 ] 选 项 卡 , 单 击 园 按钮 .选择 [请求 变量 ] 命 令 ,此 时 会 出 现 如 图 13-16 所 示 的 【请 求 变 
量 ] 对 话 框 ,其 参数 设置 方法 如 下 : 

Q 在 【类 型 I 下拉 列表 框 中 选择 Request. Form, 表 示 该 请 求 变量 来 自 调用 本 页 的 那 
个 页 中 提交 的 表单 。 

@ 在 [名称 ] 文 本 框 中 输入 表单 元 素 名 ,这 里 输入 的 是 前 面 创建 的 网 页 中 
frmModifyCatalog 表单 的 selProductID 菜单 ,表示 该 【请求 变量 的 值 来 自 这 个 表单 元 素 。 

(4) 选 定 要 修改 的 记录 。 定 义 一 个 记录 集 rstCatalog, 这 个 记录 集 代表 要 修改 的 那 条 
商品 记录 ,因此 必须 限定 条 件 , 定 义 时 的 选项 如 图 13-17 所 示 。 与 以 前 不 同 的 是 ,这 一 次 
定义 了 筛选 条 件 , 其 参数 设置 的 方法 如 下 : 


了 | Reqauest.Forn 器 


[selPr oductIn| 


图 13-16 【请 求 变 量 ] 对 话 框 图 13-17 【记录 集 ] 对 话 框 
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a 在 [筛选] 下拉 列 表 框 中 ,选择 [ProductID】] 字 有 段 ， Eres | 
这 是 条 件 表达 式 的 左 半 部 ,在 右边 的 条 件 运算 符 下 拉 列 
表 框 中 选择 【= 二】。 有 忆 文档 类 型 : As waseript G 
@ 在 左下 方 的 值 来 源 下 拉 列 表 框 中 选择 【表单 变 : i 
量 】 ,表示 条 件 表达 式 的 右 半 部 来 自 表单 变量 ,也 就 是 类 


Description 


型 为 Request. Form 的 请 求 变 量 , 在 该 下 拉 列 表 框 右边 了 
的 文本 框 中 输入 刚 定义 好 的 那个 请 求 变 量 E 
selProductID 。 ategor 


@ 单 击 [ 确 定 ] 按 钮 ,完成 记录 集 定义 .【 绑 定 】 选 项 
卡 中 的 内 容 如 图 13-18 所 示 。 L 
(5) 创建 页 面 布局 和 页 面 元 素 。 在 页 面 中 ,加 入 如 图 13-18 【 绑 定 3 选项 卡 中 的 内 容 
图 13-19 所 示 的 基本 元 素 ; 其 中 标题 和 其 他 静态 部 分 ,都 
可 以 根据 自己 的 喜好 用 前 面 各 章节 描述 的 创作 静态 页 面 的 方法 来 设计 ,使 页 面 美观 ,可 以 
自由 发 挥 。 


: [ 蕊 FS 圈 图 片 位 置 : 
学 [rstCat slog. Listprice) 


了 [rstCat slos. Nuninstock) 
[Es 


图 13-19 ”修改 商品 信息 的 网 页 


表单 部 分 是 必须 有 的 ,将 用 它 来 生成 商品 记录 更 新 的 数据 库 动作 ,如 图 13-19 所 示 ， 
添加 一 个 表单 ,表单 包含 的 元 素 如 表 13-3 所 示 。 


表 13-3 表单 元 素 的 属性 和 说 明 


元 素 类 型 属 性 值 说 上 明 

表单 名 字 : frmModifyCatalog 本 表单 

文本 域 名 字 : txtName 接受 商品 名 称 输入 的 文本 框 
字符 宽度 : 60 
类 型 : 单行 
初始 值 : 来 自 rstCatalog. Name 

文本 域 名 字 : txtDescription 接受 商品 描述 输入 的 文本 框 
字符 宽度 : 80 
类 型 : 多 行 


初始 值 : 来 自 rstCatalog. Description 
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元 素 类 型 


属 性 值 


说 明 


列表 /菜单 


文本 域 


文本 域 


文本 域 


按钮 


按钮 


名 字 : 
类 型 


selCategory 


菜单 


列表 值 : 动态 
静态 选项 : 


电子 商务 ”电子 商务 
计算 机 计算 机 


来 自 记 录 集 : 无 
选取 值 等 于 : 来 自 rstCatalog. Category 


名 字 : 
类 型 ; 


txtNuminstock 


单行 


初始 值 : 来 自 rstCatalog. Numinstock 


名 字 : 
类 型 : 


txtImage 


单行 


初始 值 : 来 自 rstCatalog. Image 


名 字 : 
类 型 : 


txtListprice 


单行 


初始 值 : 来 自 rstCatalog. Listprice 


名 字 : 
标签 : 
动作 : 
名 字 : 
标签 : 
动作 : 


btnSave 
保存 
btnReset 
还 原 重 改 
重 置 表单 


(6) 动态 元 素 的 设置 方法 如 下 : 

@ 对 于 文本 域 ,通过 选中 文本 域 , 在 【属性 了 面板 中 单 击 【5 初始 值 】 文 本 框 边 上 的 闪电 
符号 ,可 以 选择 [应 用 程序 浮动 面板 中 的 【 绑 定 】 选 项 卡 里 已 经 定义 好 的 动态 值 作 为 初始 
值 。 例 如 txtDescription 的 初始 值 设 置 对 话 框 ,如 图 13-20 所 示 。 


ProductID 


| 


Listprice 
Nominstock 
Category 

[第 一 个 记录 索引 ] 
[最 后 一 个 记录 索引 - 
[全 部 记录 ] 
i | 


无 


rstCatalog Fields. Iten (‘Desc) 


? 
人 
多 
? 
多 
? 
2 


图 13-20 【动态 数据 ] 对 话 框 


@ 在 [动态 数据 ] 对 话 框 中 设置 如 下 参数 : 
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接受 种 类 输入 的 菜单 


接受 库存 数 输入 的 文本 框 


接受 图 片 位 置 输入 的 文本 框 


接受 商品 单价 输入 的 文本 框 


提交 商品 信息 的 按钮 


把 表单 内 容 清 除 到 未 填 状 态 的 
按钮 


。 直接 在 [ 域 〗 选 择 框 中 选择 动态 数据 项 即 可 ,可 以 选择 【记录 和 集 ] 的 字段 值 、 阶 段 变 
量 、 应 用 变量 ,请求 变量 等 ,只 要 已 经 在 【 绑 定 】 选 项 卡 里 定义 好 ,就 可 以 在 此 处 
选择 。 

。 在 [格式 J 下 拉 列 表 框 中 可 以 选择 动态 数据 的 显示 格式 ,如 按 日 期 显示 , 按 货 币 显 
示 等 。 若 不 选 , 就 按 数 据 本 身 的 格式 显示 。 

。 在 【代码 】 文 本 框 中 不 必 输 入 ,在 【 域 3 选 择 框 中 选 定 数据 项 后 ,会 在 【代码 了 框 中 自 
动 生成 相应 的 代码 。 

@ 对 于 【动态 列表 /菜单 】 元 素 , 可 以 通过 选中 该 元 素 ,在 【属性 了 面板 中 单 击 带 闪 电 符 

号 的 区 动 & 按钮 来 设置 动态 数据 。 
selCategory 的 动态 数据 设置 如 图 13-21 所 示 。 


动态 列表 / 荣 单 


:|"selCatagory” 在 表单 “frmllod: 贺 


~ 
| CstCatalog Fields. Ttem ("C. 到 


图 13-21 【动态 列表 /菜单 ] 对 话 框 


。【 荣 单 ] 的 选项 取 自 两 种 选择 : 【静态 选项 和 【来 自 记 录 集 的 选项 】»。 可 以 从 静态 
选项 中 选 ,也 可 以 从 记录 集中 选 ,或 者 从 两 者 中 选 ;selCategory 的 菜单 选项 来 自 
静态 定义 的 选项 。 
。 在 【选取 值 等 于 】 文 本 框 中 输入 初始 时 选择 的 那个 菜单 的 值 , 实 际 上 可 以 单 击 右 边 
的 闪电 符号 进入 如 图 13-22 所 示 的 对 话 框 , 直 接 选择 初始 值 来 自 哪个 动态 数据 。 
。 所 有 的 动态 表单 元 素 都 对 应 一 个 服务 器 行为 ,可 以 在 【服务 器 行为 3 选 项 卡 中 找 
到 ,如 图 13-23 所 示 。 
(7) 更 新 数据 库 。modifycatalogl. asp 的 页 面 已 经 布局 好 了 , 接 下 来 将 实现 商品 记录 
更 新 的 数据 库 动作 。 

OO 生成 如 图 13-24 所 示 的 商品 信息 修改 成 功 信息 页 面 ,将 其 以 modifycatalogok. asp 
为 名 保存 在 PurchaseSys 文件 中 。 

@ 回 到 modifycatalogl. asp ,在 【应 用 程序 了 浮动 面板 中 ,选择 【服务 器 行为 选项 卡 ， 
单 击 国 按钮 ,选择 【更 新 记录 了 服务 器 行为 。 
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日 鱼 记录 集 (rstCatalog@) 
ProductID 
Tane 
Description 
Inage 
Listprice 
Huninstock 


数 服务 器 行为 
由 el: ASF vhseript 


限制 对 页 的 访问 Adanin) 
记录 集 (rstCatalog) 

动态 文本 (rstCatalog Produe 
动态 文本 域 (txtNane) 


动态 文本 域 (txtDescription) 
动态 列表 /菜单 (selCategory) 
动态 文本 域 (txtInage) 
动态 文本 域 (txtListprice) 
动态 文本 域 (txtlfaminstock) 


[第 一 个 记录 索引 ] 


[最 后 一 个 记录 索引 - 
[全 部 记录 ] 


图 13-23 动态 表单 元 素 的 服务 器 行为 


文件 四 畏 各 到 坦 看 员 插入 C5) 修改 昌文 市 四 命令] 基点 人 密 口 加 下 用 如 


更 单 ~ 日 | 口 器 野 | 驯 回 固 | 国 男 | 国 回 口 | 回 口 


网 如 信 自 条 收成 提示 轩 器 wa hcp vismint 


副本 文本 Gessior MW Usernane) 


加 wwste。 加 [hum 国 
[RGIS yi 
ET 画 

园 v ne treeomt or 
团 nod tyeatahe ss 

上- 而 modatyeatalagl 
| 
4 -一 一 一 一 fe" 
NA I vl, ?rT IY | | TEN EE 


图 13-24 商品 信息 修改 成 功 页 面 


@ 在 【更 新 记录 了 服务 器 行为 的 设置 对 话 框 如 图 13-25 所 示 。 


[Pur chaseSys 加 


Sabo. catalog 图 


避 rstcatalog 加 


[produetIn 国 口 涩 字 
苇 到 ; [modi freatalogok asp ] [a ] 


frmllodifyCatalog 图 星 提 交 时 ) 


图 13-25 【更 新 记录 对话 杠 
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。 在 【连接 下拉 列表 框 中 ,选择 【PurchaseSys] 数 据 库 连 接 。 

。 在 【要 更 新 的 表格 】 下 拉 列 表 框 中 选择 【dbo. Catalog】] 表 .表示 输入 的 数据 将 用 于 
更 新 该 表 的 数据 。 

。 在 【选取 记录 自 ] 下 拉 列 表 框 中 选择 【rstCatalog】 记 录 集 ,由 该 记录 集 来 限定 要 更 
新 的 记录 的 范围 。 

。 在 【唯一 键 列 了 下拉 列 表 框 中 选择 [ProductID 了 字段 ,来 标识 数据 库 表 格 中 的 记录 。 

。 在 【在 更 新 后 , 转 到 文本 框 中 输入 信息 成 功 页 面 的 路 径 , 也 可 以 单 击 【浏览 】 按 钮 
直接 从 本 地 站 点 选择 。 

@ 接 下 来 的 对 话 框 部 分 指定 了 表单 元 素 值 与 数据 库 记 录 字 段 的 对 应 关系 。 

。 在 【获取 值 自 下拉 列表 框 中 选择 【frmModifyCatalog] 表 单 ,表示 记录 的 新 值 来 自 
该 表单 中 的 元 素 值 。 建 立 表 单元 素 和 记录 字段 的 对 应 关系 的 方法 ,已 在 13. 3 节 
中 介绍 过 了 。 

。 用 同样 的 方法 将 【表单 元 素 ] 列 表 框 中 的 所 有 的 表单 元 素 对 应 到 其 对 应 的 字段 上 。 

@ 单 击 【确定 按钮 完成 设置 ,并 保存 页 面 。 

(8) 衔接 两 个 页 面 。 要 把 两 个 页 面 的 功能 衔接 起 来 ,这 是 通过 设置 表单 的 动作 参数 


@ 回 到 modifycatalog. asp 页 面 的 编辑 窗口 ,如果 已 经 关闭 该 窗口 ,那么 请 重新 打开 


该 文件 。 


@ 选择 表单 ,在 [属性] 面板 中 的 [动作 ] 文 本 框 中 输入 modifycatalogl. asp ,使 得 提交 


表单 时 ,自动 调用 该 页 ,并 传递 表单 元 素 值 。 表 单 的 提交 方式 已 在 9. 3. 3 节 中 介绍 过 了 ， 
推荐 使 用 POST 方式 ,这 种 方式 没有 传递 数据 量 的 限制 。 当 用 POST 方式 提交 时 ,目的 
页 面 用 Request. Form 类 型 的 请 求 变量 来 接收 参数 , 当 用 GET 方式 提交 时 ,目的 页 面 用 
Request. QueryString 类 型 的 请 求 变量 来 接收 参数 。 不 管用 哪 种 方式 提交 ,请 求 变量 的 变 
量 名 ,要 与 表单 元 素 的 名 字 一 致 。 


@ 保存 页 面 。 
同步 站 点 以 后 ,测试 一 下 。 调 用 商品 信息 修改 功能 ,如 图 13-26 所 示 。 


文件 四 ”编辑 如 ”查看 ) 收 车 工具 D 帮助 人 D 


@mm. 日 -四 加 的 Pe 由 wax @ | 全 -加 国志 


球 迎 党 临 同上 这 店 


修改 商品 信息 


P0003 


图 13-26 ”商品 信息 修改 选择 页 面 
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选择 P0003 后 , 单 击 【 下 一 步 ] 按 钮 ,可 见 如 图 13-27 所 示 的 页 面 。 


沁 购 书 系统 - Wicrosoft Internet Explorer 
EECIOEEOEZIIECCEZI 
@m .日 .四国 的 Pr 次 wex @| 全 - 怠 回 加 


地址 人 | 简 http;//10.10 1 2/PurchaseSys/nsimens asp 


水 多 光临 网 虐 弟 底 


二 商品 号 : P0003 
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图 13-27 商品 信息 修改 页 面 


修改 过 程 中 ,可 以 试 一 试 还 原 重 改 按钮 的 效果 。 修 改 完成 后 , 单 击 【保存 修改 按钮 ， 
会 看 到 商品 信息 修改 成 功 的 信息 。 


在 商品 信息 修改 的 几 个 页 面 中 ,也 要 限制 用 户 访问 级 别 。 关 于 其 他 的 改进 将 在 后 面 
的 章节 中 介绍 。 


13.5 实现 商品 信息 查询 功能 


商品 信息 查询 功能 是 电子 商务 网 站 的 重要 功能 ,方便 ,快捷 的 查询 方法 是 吸引 顾客 的 
有 效 手段 之 一 ,查询 功能 的 好 坏 将 直接 影响 到 网 站 的 质量 。 


13.5.1 重复 区 域 的 服务 器 行为 


在 本 节 中 将 讨论 以 下 2 个 问题 : 
*【 重 复 区 域 3 服 务 器 行为 的 应 用 。 
。 如 何 引 用 动态 数据 。 


在 这 一 节 , 要 为 用 户 介绍 一 个 简单 的 商品 查询 功能 ,把 现 有 的 所 有 商品 以 列表 的 形式 
显示 给 用 户 。 当 然 , 一 页 显示 不 完 可 以 翻 页 。 操 作 方法 如 下 : 


1. 创建 商品 查询 页 面 
创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 
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2. 定义 购书 系统 的 数据 库 连 接 


由 于 同一 应 用 可 以 共享 数据 库 连接 ,因此 这 个 页 面 仍然 可 以 使 用 PurchaseSys 数据 
库 连 接 ,不 需要 另外 定义 数据 库 连 接 。 


3. 定义 一 个 记录 集 
定义 一 个 记录 集 rstCatalog ,如 图 13-28 所 示 。 


图 13-28 【记录 集 ] 对 话 框 


4. 创建 页 面 布 局 和 页 面 元 素 , 并 实现 记录 列表 功能 

网 页 的 外 观 和 布局 可 以 灵活 地 运用 本 书 第 2 部 分 介绍 的 方法 和 技巧 来 设计 。 

(1) 按照 图 13-29 所 示 的 布局 新 建 页 面 ,其 中 的 动态 文本 ,读者 还 记得 是 怎么 加 入 的 
吗 ? 在 【应 用 程序 】 浮 动 面板 的 【 绑 定 〗 选 项 卡 中 直接 拖 忠 rstCatalog 的 字段 到 希望 其 出 现 
的 位 置 上 。 


catalog asp 


| 回 凡 | 国 捧 | 国 Wit | 还 ”村 本: 后 BE 各 绿 CS 
了 
让 信息 列 
1 | 
| 商品 号 商品 名 称 “| 种 类 库存 数 | 
轿 {rstCatalog. ProductID} ||{rstCatalog,Nanejj| frstCatalog.Category}j|frstCatalog,Nuninstockj| 国 
商品 描述 译 价 
上 [rstCatalog. Description} rstCatalog. Listprice] 


图 13-29 商品 信息 列表 页 面 


(2) 将 光标 定位 在 图 13-29 左边 的 单元 格 中 , 单 击 【插入 了 浮动 面板 的 【常用 选项 卡 
中 的 【图 像 占 位 符 了 按钮 ,打开 【图 像 占 位 符 】 对 话 框 ,如 图 13-30 所 示 。 按 照 图 13-30 所 示 
输入 各 项 参数 后 单 击 [确定 了 按钮 ,完成 设 定 。 

(3) 选中 网 页 上 的 【图 像 占 位 符 了 图 标 , 在 【属性 了 浮动 面板 的 【 源 文件 文本 框 中 输入 
以 下 参数 : 二 %= 二 LTRIM(RTRIM(rstCatalog. Fields. Item("Image"). Value) ) %>。 

(4) 上 一 步 给 出 了 单个 记录 的 布局 , 接 下 来 将 把 它 扩展 到 多 条 记录 的 布局 ,这 是 通过 
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【重复 区 域 3 服 务 器 行为 来 实现 的 。 选 择 页 面 中 的 表格 部 分 ,在 【应 用 程序 浮动 面板 的 [ 服 
务 器 行为 】 选 项 卡 中 , 单 击 恩 | 按钮 ,选择 【重复 区 域 】 命 令 。 

(5) 在 如 图 13-31 所 示 的 【重复 区 域 3 对 话 框 中 ,在 【显示 了 单 选区 域 中 ,可 选择 若干 条 
记录 或 显示 所 有 的 记录 ,这 里 选择 的 是 后 者 。 


图 13-30 【图 像 占 位 符 ] 对 话 框 图 13-31 【重复 区 域 ] 对 话 框 


(6) 单 击 【确定 按钮 ,完成 设 定 ,将 页 面 以 catalog. asp 为 名 保存 在 PurchaseSys 文件 
夹 中 。 


不 要 忘 了 更 新 网 上 书店 的 功能 选择 页 面 ,将 【浏览 商品 信息 的 超级 链接 指向 新 页 面 。 
同步 站 点 后 ,测试 一 下 。 单 击 网 上 书店 功能 页 面 中 的 [浏览 商品 信息 3 按钮 后 , 主 框架 
中 会 出 现 如 图 13-32 所 示 的 页 面 。 


导购 书 系统 - Wicrosoft Internet Explorer 
文件 时 编辑 E) 查看 收 寨 让 工具 GD) 帮助 0 


@aa. 日 国 回 的 | 用 ”六 ex 加 | 全 -到 国电 


) | 狠 http:/110.10.1.2/PurchassSys/nsizmena azp 


沪 锰 党 蛋 同 上 弟 启 


商品 信息 列表 


痛 政 衣 更 作坊 
pe 2 商品 号 商品 名 称 ”| 种 类 
Nm f 人 一 一 
Poool 聊 安全 与 电子 商 | 电子 商务 
Web Secuny, 商品 描述 - = 
本 《heb 安全 与 电子 商务 《 影 古 版 ) 》 一 书 研究 了 当今 耐量 的 主 9 
安全 问题 。 | 


yx | ce B= 


我 未 符 充 青水 


至 看 移 物 芋 


| 
国 tonet 


图 13-32 浏览 商品 信息 页 面 


13.5.2 ”记录 集 分 页 与 重复 区 域 服 务 器 行为 的 综合 应 用 


刚才 完成 的 商品 信息 浏览 页 面 Catalog. asp 显示 了 所 有 的 记录 。 如 果 商 品 信息 很 
多 ,这 一 页 将 会 很 长 ,通过 网 络 传送 这 一 页 的 时 间 会 较 长 ,用户 浏 览 起 来 也 会 比较 吃力 。 
接 下 来 将 把 商品 信息 浏览 页 面 改造 成 分 页 显示 的 形式 。 

在 本 节 中 将 讨论 以 下 有 关 实 现 记 录 列 表 分 页 的 2 个 问题 : 
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*【 重 复 区 域 3 服 务 器 行为 的 应 用 。 

“【 记 录 集 分 页 了 服务 器 行为 如 何 与 【重复 区 域 3 服 务 器 行为 配合 。 

实现 分 页 功能 的 操作 方法 如 下 : 

(1) 在 【应 用 程序 浮动 面板 的 【服务 器 行为 选项 卡 中 ,双击 【重复 区 域 
(CrstCatalog)】 按 钮 来 编辑 【重复 区 域 3 的 属性 ,将 【显示 了 改 为 每 页 只 显示 4 条 记录 ,如 
图 13-33 所 示 。 


图 13-33 【重复 区 域 ] 对 话 框 


(2) 保存 页 面 后 测试 ,会 发 现 只 能 看 到 第 一 页 ,无 法 看 到 后 续 的 页 。 要 想 看 到 后 续 的 
页 , 须 给 重复 区 域 加 上 导航 机 制 。 在 页 面 上 定位 光标 到 希望 插入 导航 链接 的 位 置 , 在 【应 
用 程序 ] 浮 动 面板 的 [服务 器 行为 ] 选 项 卡 中 , 单 击 国 | 按钮 ,选择 【记录 集 分 页 了 代 移 至 第 一 
条 记录 命令 ,可 以 看 到 如 图 13-34 所 示 的 【 移 至 第 一 条 记录 对 话 框 。 如 图 设置 参数 后 ， 
单 击 【确定 了 按钮 ,就 生成 了 转 到 第 一 个 页 面 的 超级 链接 。 


加 | 所 | 建新 链接 :“ 第 一 页 图 


rstcataloge ~ 


图 13-34 【 移 至 第 一 条 记录 】 对 话 框 


(3) 在 【应 用 程序 ] 浮 动 面板 的 [服务 器 行为 ] 选 项 卡 中 , 单 击 辆 | 按钮 ,选择 【记录 集 分 
页 YI【 移 至 前 一 条 记录 命令 ,可 以 看 到 如 图 13-35 所 示 的 [ 移 至 前 一 条 记录 】 对 话 框 ,如 图 
设置 [链接 ] 参 数 为 :【 创 建新 链接 :“ 前 一 页 ”] 后 , 单 击 【 确 定 ] 按 钮 ,就 生成 了 转 到 前 一 个 
页 面 的 超级 链接 。 


rstCatalog 


图 13-35 【 移 至 前 一 条 记录 】 对 话 框 


(4) 在 【应 用 程序 】 浮 动 面板 的 [服务 器 行为 ] 选 项 卡 中 , 单 击 辆 按钮 ,选择 [记录 集 分 
页 I【 移 至 下 一 条 记录 命令 ,可 以 看 到 如 图 13-36 所 示 的 【[ 移 至 下 一 条 记录 】 对 话 框 ,如 图 
所 示 设 置 【链接 了 参数 为 :【 创 建新 链接 :下 一 页 2 后 , 单 击 【确定 了 按钮 ,就 生成 了 转 到 后 
一 个 页 面 的 超级 链接 。 
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移 至 下 一 条 记录 


图 13-36 【 移 至 下 一 条 记录 】 对 话 框 


(5) 在 [应 用 程序 】 浮 动 面板 的 [服务 器 行为 ] 选 项 卡 中 , 单 击 贺 按钮 ,选择 【记录 集 分 
页 〗I【 移 至 最 后 一 条 记录 命令, 可 以 看 到 如 图 13-37 所 示 的 [ 移 至 最 后 一 条 记录 】 对 话 框 ， 
如 图 所 示 设 置 [链接 ] 参 数 为 :【 创 建新 链接 .“ 最 后 一 页 ”] 后 , 单 击 【确定 3 按钮 ,就 生成 了 
转 到 最 后 一 个 页 面 的 超级 链接 。 


图 13-37 【 移 至 最 后 一 条 记录 对 话 框 


(6) 设置 完 后 ,用 户 就 可 以 通过 这 个 导航 链接 组 来 浏览 商品 信息 的 各 个 页 面 ,现在 页 
面 的 设计 视图 如 图 13-38 所 示 。 


商品 号 | 商品 种 类 库存 数 
{rstCatalog.ProductID] ||{rstCatalog.Nane) |[rstCatalog.Category) |{rstCatalog. Nuninstock) 


| 丙 品 描述 昔 价 


TrtCatalog. Description} TratCatalog. Listprice] | 


第 一 页 前 一 页 下 一 页 最 后 一 页 


天 局 - 图 
[Cbodr> Ctable> Ctr> [i 100x ~v]784 x 282v 16XK7 3 秒 


图 13-38 带 有 导航 链接 组 的 商品 信息 浏览 页 面 


同步 站 点 之 后 ,就 可 以 进行 测试 了 。 
注意 : 完全 可 以 编辑 这 个 导航 组 中 的 链接 ,使 导航 条 变 得 更 美观 ,比如 把 所 有 的 导航 
链接 变 为 图 标 按钮 的 形式 。 


13.5.3 显示 区 域 的 服务 器 行为 


本 节 将 要 介绍 【显示 区 域 3 服 务 器 行为 的 应 
下 面 将 改进 导航 条 ,使 它 变 得 更 Earn 
(1) 在 【设计 视图 ] 中 用 鼠标 选择 【前 一 页 链接 。 在 【应 用 程序 了 浮动 面板 的 [服务 器 
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行为 选项 卡 中 , 单 击 国 | 按 钮 ,选择 [显示 区 域 ]【〖 如 果 不 是 第 一 条 记录 则 显示 区 域 】 命 令 ， 
可 以 看 到 如 图 13-39 所 示 的 对 话 框 ,设置 【记录 集 了 参数 后 单 击 【确定 按钮 。 


如 果 不 是 第 一 条 记录 则 显示 区 其 


图 13-39 【如 果 不 是 第 一 条 记录 则 显示 区 域 ] 对 话 框 


(2) 在 【设计 视图 ] 中 用 鼠标 选择 【最 后 一 页 链接 ,在 【应 用 程序 】 浮 动 面板 的 【服务 器 
行为 ] 选 项 卡 中 , 单 击 国 | 按钮 ,选择 【显示 区 域 ] 区 如 果 不 是 最 后 一 条 记录 则 显示 区 域 】 命 
令 , 可 以 看 到 如 图 13-40 所 示 的 对 话 框 ,设置 参数 后 单 击 【确定 3 按钮 。 


如 果 不 是 最 后 一 条 记录 则 显示 区 域 


图 13-40 【如 果 不 是 最 后 一 条 记录 则 显示 区 域 】 对 话 框 


(3) 保存 页 面 。 
同步 站 点 之 后 ,测试 一 下 。 


264 一 一 一 一 一 一 一 一 一 电子 商务 网 站 建设 教程 (第 2 版 ) 


普 ”集成 也 系统 
*@ 斜 ”集成 的 购物 车 系统 


知识 点 

。 如 何 实现 搜索 功能 
。 如 何 实现 购物 车 功能 
。 如 何 实现 订单 功能 


14.1 系统 的 功能 与 组 成 


本 章 讲 解 顾客 购物 系统 的 实现 方法 ,以 此 引入 更 多 的 知识 点 和 技巧 。 

一 个 真正 的 购物 系统 ,其 商品 达到 一 定 的 数量 ,通过 单纯 的 浏览 功能 找到 一 件 商品 是 
相当 辛苦 和 损害 视力 的 苦 差事 。 因 此 ,提供 根据 特定 条 件 搜索 商品 的 功能 是 必 不 可 少 的 ， 
类 似 的 搜索 功能 会 在 大 多 数 电子 商务 网 站 上 看 到 。 一 个 初级 的 商品 搜索 功能 ,提供 顾客 
单纯 的 搜索 ,可 以 让 顾客 输入 一 定 的 条 件 来 查 到 符合 条 件 的 商品 ,再 根据 查 到 的 信息 到 购 
物 功能 的 页 面 输入 查 到 的 商品 信息 来 购物 ,也 就 是 说 ,搜索 和 购物 是 分 离 的 。 更 加 方便 的 
做 法 是 把 搜索 和 购物 功能 结合 在 一 起 ,在 搜索 到 的 商品 里 直接 提供 了 对 商品 的 操作 ,比如 
选 购 , 这 样 会 更 方便 ,当然 实现 起 来 也 需要 更 多 的 技巧 。 本 章 将 先 介绍 实现 初级 的 搜索 功 
能 ,然后 再 把 它 改造 得 更 加 方便 。 

搜索 到 具体 商品 后 ,顾客 可 以 通过 购物 页 面 来 选择 某 一 件 商品 , 选 购 可 能 成 功 ,也 可 
能 不 成 功 , 当 库 存 数 为 空 , 再 试图 选择 某 商 品 时 , 选 购 也 可 能 失败 。 

购物 过 程 中 ,顾客 可 能 想 看 一 下 到 目前 为 止 选 了 哪些 商品 ,这 个 功能 即 典型 的 电子 商 
务 网 站 上 的 购物 车 功能 。 


14.2 数据 库 设 计 


回顾 网 上 书店 的 整体 数据 库 设计 ,如 图 14-1 所 示 。 
与 本 章 密切 相关 的 是 ShopingCart 表 , 该 表 用 来 存储 顾客 购物 车 的 信息 ,也 就 是 顾客 
到 目前 为 止 选 了 哪些 商品 ,但 这 些 商品 仍 未 结账 ,其 中 各 字段 意义 如 下 : 


[|orderdate 


图 14-1 网 上 书店 的 整体 数据 库 结 构 


。 Username: 字段 类 型 为 “字符 型 ”, 长 度 为 20, 存 放 内 容 为 “顾客 的 账号 ”, 用 于 区 


分 不 同 顾 客 的 购物 车 。 
。 ProductID: 字段 类 型 为 “字符 型 ,长度 为 10, 存 放 内 容 为 “商品 代码 ”, 用 于 表示 
哪个 商品 放 在 购物 车 里 。 


。 Quantity: 字段 类 型 为 “整数 型 (int)”, 长 度 为 4, 存放 内 容 为 “该 商品 的 数量 ”。 
由 于 商品 的 其 他 信息 在 Catalog 表 里 都 有 ,因此 ShopingCart 表 用 这 些 字段 就 够 了 。 
ShopingCart 表 以 Username 和 ProductID 为 主键 。 
另 一 个 与 本 章 密切 相关 的 是 Order 表 , 该 表 用 来 存储 顾客 的 订单 信息 ,也 就 是 顾客 最 
终 购买 了 哪些 商品 。 其 中 各 字段 意义 如 下 : 
。 OrderID: 字段 类 型 为 “字符 型 ”, 长 度 为 10, 存 放 内 容 为 “一 次 购买 的 订单 号 ”。 
。 Username: 字段 类 型 为 “字符 型 ”, 长 度 为 20, 存 放 内 容 为 “顾客 账号 ”, 说 明 是 哪 


个 顾客 的 订单 。 
。 ProductID: 字段 类 型 为 "字符 型 ”长度 为 10, 存 放 内 容 为 商品 代码 ”, 用 于 表示 
购买 了 哪个 商品 。 


。 Quantity: 字段 类 型 为 “整数 型 (int)”, 长 度 为 4, 存放 内 容 为 “该 商品 的 数量 ”。 
Listprice: 字段 类 型 为 “数值 型 (numeric)”, 长 度 为 9, 小 数 为 2, 存放 内 容 为 “该 商 
品 的 单价 ”。 

。 Orderdate: 字段 类 型 为 “日 期 型 (datetime)”, 长 度 为 8, 存放 内 容 为 “下 单 的 日 期 

时 间 ”。 

由 于 商品 的 其 他 信息 在 Catalog 表 里 都 有 ,因此 Order 表 用 这 些 字段 就 够 了 。 

Order 表 以 OrderID 和 ProductID 为 主键 ,而 且 , 一 般 来 说 从 商务 的 角度 讲 , 订 单 号 
的 编码 规则 必须 保证 OrderID 是 唯一 的 ,任意 两 个 订单 的 订单 号 都 不 能 相同 。 

虽然 在 Catalog 表 里 也 有 Listprice 字段 ,但 是 还 要 放 进 Order 表 中 ,这 是 因为 
Catalog 表 的 商品 单价 随 着 时 间 的 变化 和 促销 手段 的 变化 是 会 变 的 ,而 Order 表 中 的 商品 
单价 ,一 旦 下 单 就 以 下 单 时 的 单价 为 准 而 不 变 了 。 因 此 ,凡是 Catalog 里 需要 瞬时 定价 不 
变 的 那些 字段 都 应 该 放 入 Order 表 。 具 体 哪些 字段 应 放 入 Order 表 , 视 商务 应 用 设计 的 
需要 而 定 , 对 这 个 例子 来 说 ,认为 Listprice 是 需要 瞬时 定价 的 。 
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14.3 实现 商品 搜索 功能 


14.3.1 实现 搜索 的 基本 功能 


在 本 节 中 将 讨论 以 下 4 个 问题 : 

。 如 何 使 用 高 级 方式 定义 复杂 的 记录 集 。 

。 如 何在 记录 集 定 义 的 SELECT 语句 中 引用 表单 元 素 值 。 

。【 显 示 区 域 ] 服 务 器 行为 。 

。 SELECT 语句 的 具体 应 用 。 

这 一 节 将 给 网 上 书店 添加 初级 的 搜索 功能 ,能 够 让 顾客 按照 关键 字 来 搜索 商品 ,具体 
实现 的 操作 步骤 如 下 : 


1. 创建 商品 搜索 页 面 
先 创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 
2. 定义 购书 系统 的 数据 库 连 接 


由 于 同一 应 用 可 以 共享 数据 库 连 接 ,因此 这 个 页 面 仍然 可 以 使 用 PurchaseSys 数据 
库 连接 ,不 需要 另外 定义 。 


3. 创建 页 面 布 局 和 页 面 元 素 
(1) 在 新 页 面 中 加 入 如 图 14-2 所 示 的 基本 元 素 , 其 中 标题 和 其 他 静态 部 分 ,读者 都 
可 以 根据 自己 的 喜好 用 前 面 各 章节 描述 的 创作 静态 页 面 的 方法 来 设计 ,使 页 面 美观 实用 。 


表单 部 分 是 必须 有 的 ,用 它 来 生成 动态 行为 ,如 图 14-2 所 示 , 添 加 一 个 表单 ,表单 包 
含 的 元 素 类 型 和 属性 如 表 14-1 所 示 。 


表 14-1 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmSearchCatalog 本 表单 
动作 : searchresult. asp 

文本 域 名 字 : txtName 接受 商品 名 称 或 描述 包含 
类 型 : 单行 的 字 串 

按钮 名 字 : btnSearchCatalog 提交 商品 信息 的 按钮 
标签 : 开始 查找 
动作 : 提交 表单 

按钮 名 字 : btnClear 把 表单 内 容 清 除 到 未 填 状 
标签 : 清除 重 填 态 的 按钮 
动作 : 重 置 表单 
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匀 品 名利 或 描述 中 包含 : [一 一] | 


BE 
| 于 机] 大富 ] 


ETI 

B33 

la [Ve A om 04 :282v dR/ 1 
相 东 天 司 村 无 CJ EE 链接 go 3 
字体 | 陵 认 字体 图 大 小 无 国 丘 拓 鳃 起 目标 


图 14-2 搜索 商品 的 网 页 页 面 


(2) 选择 主 菜单 中 的 [文件 】I【 保 存 ] 命 令 , 把 这 个 页 面 保存 到 PurchaseSys 子 目 录 
下 , 取 名 为 searchcatalog. asp。 


4. 创建 搜索 结果 页 面 
先 创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 ,保存 为 searchresult. asp。 
S. 定义 购书 系统 的 数据 库 连 接 


由 于 同一 应 用 可 以 共享 数据 库 连接 ,因此 这 个 页 面 仍然 可 以 使 用 PurchaseSys 数据 
库 连接 ,不 需要 另外 定义 。 


6. 定义 传递 参数 用 的 表单 元 素 


在 【应 用 程序 了 浮动 面板 的 [ 绑 定 ] 选 项 卡 中 ,定义 名 称 txtName 类 型 为 “请 求 ”的 请 求 
变量 。 


7. 创建 搜索 用 的 记录 集 rstSearchResult 


(1) 将 创建 一 个 复杂 的 查询 记录 集 , 这 个 记录 集 将 用 于 在 提交 表单 后 ,真正 的 执行 数 
据 库 查询 功能 。 如 图 14-3 所 示 ,在 【记录 集 】 对 话 框 中 , 单 击 【高 级 按钮 ,进入 高 级 【记录 
集 】 设 置 模式 ,对话 框 如 图 14-4 所 示 。 

(2) 在 如 图 14-4 所 示 的 高 级 【记录 集 】 对 话 框 中 ,设置 各 个 选项 .【 记 录 集 ] 对 话 框 中 
的 [5 名称] 和 【连接 了 两 项 参数 的 设置 不 需要 再 作 解 释 , 完 成 如 图 14-4 所 示 的 设置 即 可 。 

(3) 高 级 记录 集 是 基于 复杂 的 SQL 查询 语句 SELECT 的 。 首 先 ,在 变量 设置 区 域 
中 添加 在 SELECT 语句 中 需要 用 到 的 变量 ,使 用 变量 可 以 方便 地 引用 表单 元 素 的 值 。 

在 这 里 变量 有 两 类 值 民 默认 值 ] 和 【运行 时 值 】. 
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中 stSesarchResult 


避 Parehasesys 


Sabo Catalog 


: © [人 部 | 〇 渤 定 的 : 


ProductIn 
ame 


Li stprice 
无 

[9 
中 无 


图 14-3 【记录 集 ] 对 话 框 


lrstSearchResult 
|Pur chaseSys 国 定义 ]】 


SQL [SELECT * 
IFROM dbo .Catalog 
WHERE Qame LIKE ’% +LTRINM (RTRINC mmNameStr ))+"% ) 
IOR escription LIKE“% +LTRIN (RTRINC mnNameStr’ ))+% ) 


图 14-4 ”高 级 【记录 集 ] 对 话 框 


QD【 默 认 值 3 在 表单 提交 前 起 作用 ,因为 此 时 表单 元 素 还 没有 有 效 的 值 ,同时 它 还 在 
测试 时 起 作用 ,如 果 单 击 【 测 试 3 按 钮 ,出 现 的 查询 结果 就 是 以 默认 值 为 条 件 填 人 上 面 的 
SQL 语句 所 得 到 的 查询 结果 。 

@ 【运行 时 值 7 通常 都 是 用 表单 元 素 值 ,在 表单 提交 后 起 作用 ,当然 ,也 可 以 用 别 的 动 
态 值 ,这 里 添加 的 变量 如 表 14-2 所 示 。 

表 14-2 变量 的 说 明和 值 
变量 名 值 


说 明 
mmNameStr 默认 值 : XXXXXXXXXX 用 于 引用 前 一 页 表单 提交 后 
运行 时 值 : Request ("txtName") txtName 的 值 


注意 : 可 以 通过 设置 不 同 的 默认 值 来 测试 复杂 记录 集 的 运行 效果 。 
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(4) 接 下 来 是 到 目前 为 止 最 难 的 一 个 任务 , 即 编写 SELECT 查询 语句 ,把 它 填 入 
【SQL 文本 框 中 ,文本 框 中 的 完整 的 语句 如 下 : 


SETEcTx 

FROM dbo.Catalog 

WEERE, (Name LIKE '% "+ ITRIM(RTRIM(mnNamestr'))+ '% ') 

OR (Description LIKE '% '+ LTRIM(RIRIM('mNameStr'))+ '$ ') 

变量 在 SQL 语句 中 作为 字符 串 值 出 现 .% 是 SQL 字符 串 模 式 中 的 一 个 通配符 , 它 
能 够 与 任何 字符 串 等 值 。 加 号 用 于 连接 两 个 字符 串 ,并 不 表示 做 加 法 的 意思 。 因 此 ,形式 
为 ”'% 叶 字符 串 A 十 '%' ”的 含义 为 包含 字符 串 A 的 任何 字符 串 。 

“字符 串 A LIKE 字符 串 B” 的 意思 为 : 字符 串 A 符合 字符 串 B 的 形式 。 

表单 未 提交 时 ,应 该 一 条 记录 都 查 不 到 才 对 。 因 此 mmNameStr 的 默认 值 设 为 
XXXXXXXXXX ,一 般 商 品名 称 和 描述 中 不 会 有 这 样 的 字样 ,以 便 基 本 能 保证 表单 未 提 
交 时 ,即使 通过 URL 全 路 径直 接 访问 该 结果 页 面 ,找到 的 商品 列表 也 是 空 的 。 

LTRIM 和 RTRIM 两 个 函数 联 用 ,用 于 去 掉 字 符 串 左右 两 边 的 空格 ,因为 空格 也 算 
作 字 符 串 的 一 部 分 ,因此 在 字符 串 的 比较 中 如 果 不 去 掉 两 边 的 空格 ,那么 “Newton” 和 
“Newton” 将 被 认为 是 不 同 的 值 ,这 显然 不 是 用 户 所 期 望 的 。 忘 了 去 掉 两 边 的 空格 ,这 是 
初学 者 常 犯 的 错误 之 一 。 

整个 查询 条 件 的 含义 是 ,返回 Catalog 表 中 所 有 Name 字段 包含 txtName 表单 元 素 
输入 值 的 ,或 者 Description 字段 包含 txtName 表单 元 素 的 那些 记录 。 

(5) 单 击 【确定 ] 按 钮 ,完成 记录 集 定义 。 


8. 布局 返回 结果 


(1) 在 页 面 中 表单 的 下 方 ,用 第 13 章 中 所 述 的 服务 器 行为 【重复 区 域 ] 【记录 集 分 
页 了 创建 如 图 14-5 所 示 的 重复 区 域 和 导航 条 ,注意 设置 重复 区 域 和 导航 条 时 ,应 选择 这 些 
服务 器 行为 针对 rstSearchResult 记录 集 起 作用 。 


{rstSearchResult. ProductID} |{rstSearchResult. Nane] | 


| 商品 描述 


{rstSearchResult. Description} 


图 14-5 检索 符合 要 求 的 商品 列表 
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(2) 由 于 和 希望 导航 条 在 没有 记录 时 不 要 出 现 , 所 以 ,还 要 添加 一 个 [显示 区 域 3 类 的 服 


务 器 行为 


,来 控制 整个 导航 条 的 显示 。 在 【设计 视图 ] 中 用 鼠标 选择 导航 条 ,在 【应 用 程序 】 


浮动 面板 的 [服务 器 行为 选项 卡 中 , 单 击 国 按钮 ,选择 [显示 区 域 3 区 如果 记录 集 不 为 空 
则 显示 区 域 ] 命 令 , 可 以 看 到 如 图 14-6 所 示 的 对 话 框 ,设置 参数 后 单 击 [确定] 按钮 。 
(3) 相反 ,希望 网 页 下 方 的 “ 抱 菊 ,没有 符合 条 件 的 商品 !” 这 一 条 提示 信息 仅 在 没有 


记录 时 出 


现 ,因此 ,还 要 添加 另 一 个 显示 区 域 3 类 的 服务 器 行为 。 用 鼠标 选择 整 行 信息 


后 ,在 【应 


程序 】 浮 动 面板 的 【服务 器 行为 ] 选 项 卡 , 单 击发 | 按钮 ,选择 【显示 区 域 】I【 如 果 


记录 集 为 空 则 显示 区 域 命 令 , 可 以 看 到 如 图 14-7 所 示 的 对 话 框 , 如 图 设置 【记录 集 了 参数 
为 rstSearchResult 后 , 单 击 【 确 定 ] 按 钮 确认 。 


如 果 记 录 集 不 为 空 则 显示 区 域 


图 14-6 【显示 区 域 ] 类 的 服务 器 行为 图 14-7 【显示 区 域 ] 类 的 服务 器 行为 


9. 保存 页 面 

保存 页 面 并 更 新 主 功 能 页 面 中 的 链接 ,指向 搜索 页 面 。 

同步 站 点 后 ,测试 一 下 效果 。 

从 主 功能 页 面 选择 “搜索 特定 商品 ”, 将 看 到 如 图 14-8 所 示 的 页 面 。 


和 过 大 隔 和 后 


二 关 训 的 志 


马 购 书 系统 - Microsoft Internet Explorer 同上 回 避 
文件 到 ) ” 蝙 缉 区 ) 查看 YY 收藏) 工具 0) 帮助 和 D 


@me. 日- 因 四 的 Pr 次 wmx @| 全 -总 园 坊 


地址 | 办 http://10.10.1.2/Purchasesys/naimmenma asp 


当 迎 光 曰 网 上 冲 褒 


驻 入 衣 品 信息 


和 下 至 王 入 各 搜索 商品 
2 检索 条 件 


“下 过 竺 净 表 可 


商品 名 称 或 描述 中 包含 : 
CE ] CEE 


图 14-8 网 站 的 主 功能 页 面 


查看 名 称 或 描述 中 包含 “网 络 ? 两 字 的 商品 ,结果 如 图 14-9 所 示 。 
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球 礼 党 蛋 同上 上 弟 斋 


符合 要 求 的 商品 列表 


种 类 | 库存 数 
时 算 机 mm 


ee et 多 Ross 著 申 村 杰 于 全 伦 杜 
证 了 网 03-1 节 号 : 7-302-051505 节 代 号 :59 


6150 系 列 ; 齐全 和 开本; 16 开 字 数 ，340 千 字 
商品 号 商品 名 称 种 类 库存 元 
耳 Rr EES fg 


图 14-9 商品 查询 结果 


14.3.2 实现 复杂 的 搜索 功能 


在 本 节 中 将 介绍 以 下 4 个 问题 : 
。 复习 如 何 使 用 高 级 方式 的 定义 复杂 的 记录 集 。 

。 继续 使 用 更 为 复杂 的 SELECT 语句 。 

。 如 何 实现 多 种 查询 条 件 。 

。 Request、Request. Form 、Request. QueryString 的 区 别 。 

作为 一 个 完善 的 搜索 功能 ,应 该 提供 多 种 灵活 的 搜索 方式 ,下 面 将 扩展 搜索 功能 ,使 
它 变 得 更 灵活 。 实 现 搜索 功能 的 操作 方法 如 下 : 

(1) 在 如 图 14-10 所 示 的 搜索 页 面 searchcatalog. asp 中 ,调整 页 面 布局 ,添加 表单 元 
素 , 调 整 后 的 表单 元 素 如 表 14-3 所 示 。 


searcheatalog, asp 


© 人 区 包含 : 
I 根据 种 类 查询 种 


图 14-10 ”搜索 商品 的 网 页 页 面 
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表 14-3 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmSearchCatalog 本 表单 

文本 域 名 字 : txtName 接受 商品 名 称 或 描述 包含 的 
类 型 : 单行 字 串 

单 选 按钮 名 字 : radWhichCriteria 接受 搜索 条 件 选 择 的 单 选 
选 定 值 : bykeyword 按钮 
初始 状态 : 已 匀 选 

单 选 按钮 名 字 : radWhichCriteria 接受 搜索 条 件 选 择 的 单 选 
选 定 值 : bycategory 按钮 
初始 状态 : 未 选中 

列表 /菜单 名 字 : selCategory 接受 商品 种 类 输入 的 菜单 
类 型 : 菜单 


列表 值 : 电子 商务 电子 商务 
计算 机 计算 机 
(以 下 略 ) 
标签 字段 : 
初始 化 时 选 定 : 电子 商务 
按钮 名 字 : btnSearchCatalog 提交 商品 信息 的 按钮 
标签 : 开始 查找 
动作 : 提交 表单 
按钮 名 字 : btnClear 把 表单 内 容 清除 到 未 填 状 态 
标签 : 清除 重 填 的 按钮 
动作 : 重 置 表 单 


(2) 在 【应 用 程序 浮动 面板 的 【 绑 定 】 选 项 卡 中 ,增加 名 称 为 radWhichCriteria 和 
selCategory, 类 型 为 请求” 的 请 求 变量 。 

(3) 在 结果 页 面 searchresult. asp 中 ,修改 如 图 14-11 所 示 的 rstSearchResult 记录 集 
的 设置 。 


stsewrchResult 


图 14-11 【记录 集 ] 对 话 框 
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其 中 , 添加 了 用 于 在 SELECT 语句 中 引用 表单 中 selCategory 元 素 值 的 
mmCategoryStr 变量 和 用 于 引用 radWhichCriteria 元 素 值 的 mmWhichCriteriaStr 变量 。 
另外 ,SELECT 语句 变 得 更 加 复杂 ,完整 的 SELECT 语句 如 下 : 


SETECT * FROM dbo.Catalog 

WHERE (mWhidcriteriastr'= ‘bykeyword' RD (ame LIKE 

'% "+ LIRIMERIRIM('mNamestr'))+ '%') OR (Description LE 

'% "+ LIRIMERIRIM('mNameStr'))+ '$ '))) 

CR (‘mihidhcriteriastr'= "bycategory' « AND Category= mcategorystr') 

由 于 两 种 搜索 方式 只 取 其 一 ,因此 对 应 的 搜索 条 件 表达 式 用 OR 连接 ,搜索 条 件 1 
如 下 : 

(mhichcriteriastr'= "bykeyword' 

AND (ame TIE ' '+ LTRIM(RIRIM('mmNameStr'))+ '% ') 

OR (Description LIKE '% '+ LTRIM(RIRIM('mNameStr'))+ '% '))) 

其 中 包含 两 个 子 条 件 , 必 须 同时 满足 才 算 满足 搜索 条 件 1, 因 此 两 个 子 条 件 用 AND 
相连 。 第 1 个 子 条 件 mmWhichCriteriaStr' 二 'bykeyword' 表 示 单 选 按 钮 选中 的 是 “根据 关 
键 字 搜 索 ”, 第 2 个 子 条 件 就 是 原来 那个 根据 关键 字 搜 索 用 的 搜索 条 件 。 

mmCategoryStr 和 mmWhichCriteriaStr 变量 的 默认 值 设置 ,与 原来 mmNameStr 变 
量 的 默认 值 设置 目的 是 一 样 的 ,也 是 为 了 使 搜索 页 面 在 未 使 用 条 件 搜索 之 前 应 该 不 显示 
任何 结果 。 

注意 

可 以 通过 给 变量 设置 不 同 的 默认 值 的 方式 , 单 击 【测试 按钮 测试 记录 集 的 定义 效果 ， 
即 测试 SELECT 语句 的 效果 。 

(4) 单 击 【确定 3 按钮 完成 记录 集 设置 。 

同步 站 点 后 ,测试 一 下 效果 。 

从 主 功能 页 面 选择 “搜索 特定 商品 ”, 将 看 到 如 图 14-12 所 示 的 页 面 。 


plorer 
EDT WD Rh 


@aa 日- 国 国 级 | 烧 闪 mx 加 | 安全 国电 


趾 生 加 | 仿 Mp /i0_10 1 /westsrs/naimenn ery 


水 殉 光 上 临 疝 上 率 褒 
搜索 商品 


“根据 种 类 查询 种 类 为: 
EEE] [J 


图 14-12 搜索 特定 商品 的 网 页 页 面 
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默认 情况 下 根据 关键 字 查询 ,因此 在 关键 字 输 入 框 中 输入 "网 络 ?将 查 到 和 前 一 小 节 
同样 的 结果 。 顾 客 也 可 以 单 击 【 根 据 种 类 查询 了 单 选 按钮 ,并 在 种 类 选择 菜单 中 选择 想 查 
询 的 类 别 ,例如 * 计 算 机 ”, 即 可 得 到 如 图 14-13 所 示 的 结果 。 


球 怨 沈 蛋 同上 二 弟 庆 
2 符合 要 求 的 商品 列表 


冯 直 请 更 各 划 
商品 号 | 商品 名 称 种 类 
poo0 ee 高 可 用 性 看 网 区 


商品 描述 

加 者 玉 ones 著 张 辉 译 出 版 日 期 ，2003-1 书 
T9020 代 a Tae 开 本 , 16 开 字 数 ， 

I830 千 字 定 价 ， 59.00 元 


商品 号 | 商品 名 称 | 种 类 
a 陡 要 机 网 隐 二 再 击 而 下 天 法 瑟 


图 14-13 查找 商品 的 结果 信息 


如 果 输 入 不 符合 条 件 的 商品 ,将 看 到 如 图 14-14 所 示 的 页 面 。 


帮助 0 


2 pe: 四 全 | 会- 和 总 国 迄 


当 迎 党 临 网 上 冲 启 
CE 符合 要 求 的 商品 列表 


首开 


| Cf 抱歉 ， 没有 符合 条 件 的 商品 ! 


牙 末 茜 充 再 于 


图 14-14 查找 商品 的 结果 信息 


注意 : 本 章 只 把 搜索 方式 扩展 到 两 个 ,因为 如 果 要 扩展 到 更 多 ,使 用 的 方法 是 一 样 
的 。 有 兴趣 的 读者 可 以 试 一 试 定义 更 多 的 搜索 方式 。 
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另外 ,有 关 在 页 之 间 传 递 参数 的 方法 ,读者 可 能 会 产生 这 样 的 疑问 :为 什么 有 的 地 方 
用 Request. Form(“ 表 单元 素 名 ”) ,有 的 地 方 用 Request (“变量 名 ”) 呢 ?到 底 这 些 写法 有 
什么 区 别 呢 ? 

其 实用 Request 请 求 变量 来 引用 从 表单 或 URL 传递 过 来 的 参数 时 ,有 3 种 写法 : 
Request. Form(“ 表 单元 素 名 ”)、Request. QueryString(“ 表 单元 素 名 ”) 和 Request (“ 变 
量 名 ”)。 

。 Request. Form(“ 表 单元 素 名 ”) 用 于 获取 通过 POST 方式 提交 的 表单 元 素 值 。 

。 Request. QueryString(“ 表 单元 素 名 ”) 用 于 获取 通过 GET 方式 提交 的 表单 元 素 

值 ,或 者 模拟 GET 方式 的 URL 格式 而 手工 编写 的 URL 中 的 变量 的 值 。 

。 而 Request (“变量 名 ”) 则 最 通用 ,两 种 方式 的 变量 值 都 可 以 获取 。 

虽然 一 般 情况 下 ,获取 POST 方式 提交 的 表单 元 素 值 ,使 用 Request 或 Request 
. Form 形 式 都 可 以 。 但 是 ,对 于 使 用 了 【记录 集 分 页 服务 器 行为 的 页 面 ,要 获取 传 过 来 的 
表单 元 素 值 ,必须 用 Request 形式 。 这 是 因为 Dreamweaver 8 在 实现 【记录 集 分 页 了 服务 
器 行为 的 代码 时 ,使 用 了 模拟 GET 方式 的 URL 来 实现 重复 区 域 翻 页 ,因此 ,如 果 使 用 
Request. Form 形式 ,只 能 在 页 面 的 第 一 次 显示 时 取 到 正确 的 值 ,而 在 翻 页 以 后 就 取 不 到 
正确 的 值 了 (通过 Request. QueryString 可 以 取 到 )。 

在 以 上 步骤 中 ,对 于 在 【应 用 程序 了 浮动 面板 的 [ 绑 定 】 选 项 卡 上 定义 的 请 求 变量 ,其 实 
定义 不 定义 都 无 所 谓 , 并 不 是 必须 在 【 绑 定 3 选 项 卡 中 定义 后 才能 引用 请 求 变量 。 在 【应 用 
程序 了 浮动 面板 的 [ 绑 定 选项 卡 中 定义 请 求 变量 的 作用 是 提供 方便 的 手段 ,可 以 在 【设计 
视图 中 随时 以 拖 电 的 方式 来 在 页 面 中 引用 请 求 变量 。 


14.4 实现 专门 的 放 入 购物 车 功能 


购物 车 这 个 名 字 来 自 于 超级 市 场 , 其 工作 流程 是 当 顾客 选 到 了 喜 
购物 车 ,需要 时 可 显示 购物 车 的 信息 ,更 新 购物 车 中 的 商品 信息 ,最 后 
台 付款 。 购 物 车 要 实现 的 功能 主要 有 

。 将 商品 添加 到 购物 车 。 

。 显 示 购 物 车 中 的 信息 。 

。 更 新 或 清空 购物 车 中 的 商品 信息 。 


14.4.1 实现 查看 购物 车 的 功能 


在 本 节 中 将 实现 查看 购物 车 的 功能 ,主要 讨论 以 下 3 个 问题 : 

Q@ SELECT 语句 的 深入 应 用 。 

@ 如 何在 SELECT 语句 中 指定 返回 的 字段 。 

@ 如 何在 SELECT 语句 中 连接 两 个 以 上 的 表 , 返 回 多 个 表 的 内 容 。 

先 完成 查看 购物 车 商品 清单 的 页 面 ,将 商品 放 入 购物 车 成 功 后 直接 显示 该 页 面 , 其 操 


欢 的 商品 后 可 放 入 
完成 购物 后 到 收银 
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作 步 又 如 下 : 

(1) 创建 查看 购物 车 页 面 。 先 创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 

(2) 定义 购书 系统 的 数据 库 连接 。 由 于 同一 应 用 可 以 共享 数据 库 连 接 , 因 此 这 个 页 
面 仍然 可 以 使 用 PurchaseSys 数据 库 连 接 , 不 需要 另外 定义 。 

(3) 创建 记录 集 rstCart, 定 义 如 下 所 述 。 

其 中 完整 的 SQL 语句 为 : 

SELECT dbo.Catalog.ProductID, dbo.Catalog.Name, dbo.Catalog.Category, 

dbo.ShopingCart .Quantity, dbo.Catalog.Description, doo.Catalog.Listprice, dbo.Catalog.Image 

FRCM dbo.Catalog, dbo.ShopingCart 

WEERE dbo.Catalog.ProductID= dbo.shopingcart.ProductID AND 

LIRIM(RIRIM (dbo. ShopingCart .Username) )= LTRIM(RIRIM (‘mm Usemame')) 

此 处 SELECT 语句 又 与 前 面 见 到 的 那些 不 同 。 

第 一 , 它 没 有 用 SELECT x* 来 返回 所 有 的 字段 ,而 是 依次 指定 每 个 返回 的 字段 。 

注意 : 表 和 从 属 字段 的 写法 。 

第 二 , 它 的 返回 结果 来 自 两 个 表 , 而 这 两 个 表 通 过 重 全 的 ProductD 字段 连接 在 一 

另外 ,在 比较 两 个 字符 串 值 的 时 候 , 同 样 加 了 ae 
能 有 的 多 余 空 格 , 如 图 14-15 所 示 。 


RELECT 
dbo. Catalog ProductID, dbo. Cat te Name, a Catalog Category, 

abo. Shop ng eet dors tity, BoC talog. Description dbo. Catelog Li | 
ice ho Eat 

ER bo Cade opinecart 


:| 二 


图 14-15 创建 【记录 集 】 


(4) 创建 页 面 布 局 和 页 面 元 素 , 按 照 图 14-16 所 示 的 布局 设置 新 页 面 , 类 似 的 布局 在 
第 13 章 中 已 经 介绍 过 。 对 于 重复 区 域 , 这 里 设置 为 重复 所 有 记录 。 保 存 页 面 为 
showcart. asp。 

(5) 设置 查看 购物 车 的 超级 链接 。 在 mainmenu. asp 功能 菜单 里 设置 菜单 中 [查看 购 
物 车 了 的 超级 链接 ,使 它 指 向 showcart. asp。 

同步 站 点 后 ,测试 一 下 效果 。 这 里 假定 放 入 购物 车 的 功能 已 经 做 好 ,购物 车 里 已 经 有 
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WE [| 国 + 奈 是 Ea Ka CSB. 
Ty 
= 向 品 
商品 号 [商品 名 称 “| 种 类 《《《“《 | 迁 购 数量 
匡 [Eeert Prometih] [lrstcart- amc] [leetcart Cteeory] [frstcart. Quantity] 

| 商品 描述 用 价 
|[{rstCart. Description} {rstCart. Listprice} 

有 何 商品 。 


图 14-16 购物 车 商品 列表 


内 容 。 做 完 14. 4. 2 节 的 操作 就 满足 条 件 了 。 


文件 中) 编辑 查看) 收 辫 必 ) 工具 他 ) 帮助 


@@ 硬 -上 日 - 国 国 的 | 忆 sf 六 mx 加 | 合 - 且 国 沁 


当 迎 光临 网 上 率 褒 


购物 车 商品 列表 
商品 亏 [商品 名 称 ”种 闫 
pool 车 安全 与 电子 商 电子 商务 


商品 描述 单 
HT SE 1 


修改 育 吕 信息 区 


办 院 衣 喝 信息 


笋 过 特定 肖 更 


i 


G2 


量 | 
pm po Ee ET 


图 14-17 购物 车 的 内 容 清单 


14.4.2 完成 放 人 购物 车 的 基本 功能 


在 本 节 中 复习 利用 隐藏 区 域 补足 新 记录 的 字段 ,然后 来 实现 专门 的 放 入 购物 车 的 动 
作 ,其 操作 方法 如 下 所 述 。 


1. 创建 放 入 购物 车 页 面 
先 创建 一 个 新 的 支持 ASP VBScript 的 动态 页 面 。 
2. 定义 购书 系统 的 数据 库 连 接 


由 于 同一 应 用 可 以 共享 数据 库 连 接 , 因 此 这 个 页 面 仍 然 可 以 使 用 PurchaseSys 数据 
库 连 接 ,不 需要 另外 定义 。 
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3. 定义 记录 集 
将 modifyCatalog. asp 中 的 记录 集 rstCatalog 复制 .粘贴 过 来 直接 用 。 
4. 创建 页 面 布 局 和 页 面 元 素 


(1) 在 新 页 面 中 ,加 入 如 图 14-18 所 示 的 基本 元 素 。 其 中 标题 和 其 他 静态 部 分 ,可 以 
根据 自己 的 喜好 来 创作 静态 页 面 。 表 单 部 分 是 必须 有 的 ,将 用 它 来 生成 动态 行为 ,如 
图 14-18 所 示 。 添 加 一 个 表单 ,表单 包含 的 元 素 如 表 14-4 所 示 。 


元 素 类 型 


图 14-18 选择 商品 页 面 


表 14-4 ”表单 元 素 类 型 .属性 和 说 明 


属 性 值 


说 明 


表单 
隐藏 区 域 


列表 /菜单 


文本 域 


按钮 


名 字 : frmSelectCatalog 


名 字 : 


hidUsername 


本 表单 
用 于 存放 用 户 名 的 隐藏 区 域 , 插 入 新 记 


值 : 二 %==Session("MM_Username")% 二 > 录 到 ShopingCart 表 时 会 引用 到 


名 字 : 


selProductID 
菜单 


列表 值 : 动态 


来 自 : 


rstCatalog 


值 字段 : ProductID 
标签 字段 :ProductID 
初始 化 时 选 定 : rstCatalog 的 [第 一 个 记录 


索引 ] 
名 字 ; 
类 型 : 
名 字 : 
标签 : 
动作 : 


txtCount 
单行 
btnSelect 
放 入 购物 车 
提交 表单 


第 协 章 


接受 商品 号 输入 的 菜单 


用 于 存放 购买 数量 的 文本 域 


提交 选 购 信息 的 按钮 
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(2) 选择 主 菜单 中 的 [文件 3I【 保 存 ] 命 令 , 把 这 个 页 面 保存 到 PurchaseSys 子 目 录 
下 , 取 名 为 selectcatalog. asp。 


5. 实现 功能 


(1) 保存 选 购 信息 同样 是 利用 【插入 记录 服务 器 行为 来 实现 ,设置 信息 如 图 14-19 
所 示 。 


|Pur chaseSys 


dbo. ShopineCart 


振 入 后 ， 苇 到 : [ 


获取 值 自 :| frmSelectCatalog 


图 14-19 【插入 记录 对 话 框 


关于 设置 方法 ,读者 应 该 已 经 很 熟练 了 ,如 果 不 熟 练 , 请 复习 前 几 章 的 内 容 。 
(2)【〖 插 入 后 , 转 到 页 面 设置 为 showcart. asp 查看 购物 车 页 面 。 

(3) 保存 页 面 。 

(4) 在 menu. asp 页 面 中 添加 该 功能 的 链接 ,以 及 限制 页 面 的 访问 级 别 。 
同步 站 点 ,测试 一 下 。 测 试 画面 略 。 


14.4.3 防止 放 人 重复 的 商品 


在 本 节 中 将 讨论 下 述 2 个 问题 : 

。 如 何 查 看 服务 器 行为 的 对 应 脚本 代码 。 

。 如 何 扩展 【用户 身 份 验证 了 民 检 查 新 用 户 名 了 服务 器 行为 来 检查 多 个 字段 作为 主键 

的 记录 。 

读者 可 能 已 经 发 现 ,如 果 向 购物 车 多 次 放 入 同一 种 商品 ,会 引发 错误 ,浏览 器 上 显示 
Web 服务 器 内 部 错误 ,这 是 因为 Username 和 ProductID 是 ShopingCart 购物 车 表 的 主 
键 , 即 同一 用 户 的 购物 车 中 ,每 种 商品 只 能 出 现 一 次 。 

为 了 防止 顾客 的 上 述 错误 操作 ,需要 采取 检验 措施 来 处 理 这 种 情况 ,操作 方法 如 下 : 

(1) 将 如 图 14-20 所 示 的 创建 错误 信息 提示 页 面 ,保存 为 PurchaseSys 下 的 
alreadybuy. asp ,为 了 使 提示 更 加 友好 ,可 以 嵌入 查看 购物 车 的 链接 。 

(2) 打开 selectcatalog. asp 放 人 购物 车 页 面 。 

(3) 添加 一 个 [用 户 身 份 验证 了 人民 检 查 新 用 户 名 了 服务 器 行为 ,并 按 图 4-21 所 示 进 行 
设置 。 
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天 单 日 | 口外 妨 | 回 回回 | 国 辕 | 匡 芝 口 | 加 口 

Slredybuy. espt TI hs 为 玫 
EREF3EEOIEE 入 预示 说 皮 和 届 有 | C 国 @ OD wt: As veseript 
| , , PT EE PE PE PR TR 
| 请 加 六 件 外 建 一 个 让 


2 选 每 _ 种 立 失业 型。 
3 设 站 站 上 的 党 有 各 器 


4 接近 和 
控 记 录 集 。 


-很 抱 靳 ， 该 商品 已 在 购物 车 内 ， 不 能 重复 放 入 ! 


EF 和 s ee cE 加 

edy> Ctable> ttr>Ctd ed OEE v|TB4 :262 2 KJ 1 钞 
[了 加 CESD er 本 生 于 本 由 画 eD 8 
字 作 MX 了 体 国 小 开国 El ] 丘 生 妇 起 目标 

臣 单元 格 水 平 [区 认 辐 室 [ 不 执行 口 。 到 县 [ = | 

Dg 。 BRA 图 商 门 司 村 是 口 靖 虹 册 色 站 边框 太 [ a 


图 14-20 错误 提示 信息 页 面 


| selProductID 


[alreadvbuy. asp 


图 14-21 【检查 新 用 户 名 对 话 框 


注意 : 检查 新 用 户 名 。 因 为 Dreamweaver 8 没有 提供 检查 多 个 字段 为 主键 的 记 
录 是 否 已 存在 的 服务 器 行为 ,因此 此 处 将 利用 [检查 新 用 户 名 服务 器 行为 ,并 对 
Dreamweaver 8 自动 生成 的 对 应 的 脚本 代码 做 简单 的 修改 ,来 实现 主键 是 否 重复 的 检 
查 功能 。 

(4) 切换 到 [代码 视图 窗口 ,并 且 在 【应 用 程序 浮动 面板 的 【服务 器 行为 3 选项 卡 选 
中 刚才 添加 的 5 检查 新 用 户 名 了 服务 器 行为 ,可 以 看 到 对 应 该 服务 器 行为 ,Dreamweaver 8 
生成 了 哪 段 脚本 代码 。 

(5) 找到 MM _ dupKeySQL = 二" SELECT ProductID FROM dbo. ShopingCart 
WHERE ProductID=’" &. Replace(MM_dupKeyUsernameValue,"”",""") &."’" 这 一 
句 , 将 它 改 为 : 

MM _ dupKeySQL =" SELECT ProductID FROM dbo. ShopingCart WHERE 
ProductID= ’" & Replace(MM_ dupKeyUsernameValue,"’",""") &."’ ANDUsername 
=,"& CStr(Request. Form("hidUsername")) & "’" 

一 句 脚本 语句 的 作用 是 生成 SELECT 语句 字符 串 , 待 接 下 来 的 语句 交 给 数据 库 来 
执行 。& 运算 符 用 于 将 两 个 字符 串 连 接 成 一 个 长 串 。 读 者 可 以 自己 演算 一 下 ,比较 原来 
生成 的 SELECT 语句 和 修改 后 生成 的 SELECT 语句 ,有 什么 不 同 。 请 注意 区 分 语句 中 
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的 双 引 号 和 单 引号 。 

这 样 一 改 , 就 把 检查 某 商品 是 否 重复 的 SELECT 语句 扩展 为 符合 要 求 的 形式 ,从 只 
检查 ProductID 字段 , 改 为 同时 检查 ProductID 和 Username 字段 。 

(6) 保存 页 面 selectcatalog. asp。 

同步 站 点 后 ,测试 一 下 效果 。 

当 试图 向 购物 车 放 入 车 中 已 经 有 的 商品 时 ,将 会 得 到 如 图 14-22 所 示 的 错误 提示 
信息 。 


帮助 0 


Par 次 mx 四 | 全 -号 国 沁 


图 14-22 重复 购买 提示 信息 


14.5 完善 购物 车 系统 
14. 5. 1 集成 的 搜索 和 选 购 功能 


在 本 节 中 将 介绍 如 何在 返回 结果 中 集成 功能 。 

到 目前 为 止 ,搜索 功能 和 选 购 功 能 是 互相 独立 的 两 个 功能 ,如 本 章 开 头 所 述 ,更 加 方 
便 的 做 法 是 把 搜索 功能 和 选 购 功能 结合 在 一 起 ,在 搜索 到 的 商品 清单 里 直接 提供 了 对 商 
品 的 操作 ,比如 选 购 ,这 样 会 更 方便 。 

现在 就 通过 完善 搜索 页 面 来 实现 这 一 功能 ,其 操作 步骤 如 下 : 

(1) 打开 searchresult. asp 文件 。 

(2) 在 重复 区 域 中 的 返回 记录 表格 中 增加 一 行 ,在 新 行 中 添加 一 个 表单 ,如 图 14-23 
所 示 。 表 单 包 含 的 元 素 如 表 14-5 所 示 。 
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{rstSearchResult. ProductID} [{rstSearchResult. Nane} | 


| 商品 描述 


{rstSearchResult. Description} 


加 
Ne A fox vl x 282v 2 KI4 | 


图 14-23 选 购 符合 要 求 的 商品 


表 14-5 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmEmbededBuy 本 表单 

隐藏 区 域 名 字 : hidUsername 用 于 存放 用 户 信息 
值 : MM_Username 会 话 变量 的 值 

隐藏 区 域 名 字 : hidProductID 用 于 存放 通过 rstSearchResult 中 
值 : rstSearchResult 的 ProductID ”当前 商品 记录 的 商品 号 信息 
字段 值 

隐藏 区 域 名 字 : hidCount 用 于 存放 需要 购买 的 商品 数量 信 
值 : 1 息 , 这 里 固定 为 购买 1 份 

按钮 名 字 : btnSelect 提交 选 购 信息 的 按钮 


标签 : 我 要 选 购 
动作 : 提交 表单 


(3) 添加 一 个 如 图 14-24 所 示 的 【插入 记录 了 服务 器 行为 。 


Purchasesys 


| tb。 ShopineCart 


EC 


(4) 保存 页 面 。 


frnSearchCatalog 图 | 人寿 提 交 时 ) 


[Quantity 


图 14-24 【插入 记录 】 对 话 框 


同步 站 点 后 ,测试 一 下 效果 。 
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开始 查找 之 后 ,返回 的 商品 清单 的 每 一 项 后 都 带 有 一 个 【我 要 选 购 】 的 按钮 , 如 
图 14-25 所 示 。 如 果 用 户 想 要 选 购 商品 ,只 要 单 击 这 个 按钮 即 可 。 


文件 四 编辑 下 ) 查看 WD 收藏 疏 ， 工 具 I) 帮助 加 


@ 扣 .日 - 国 国 的 Pr 容 tmx 加 | 后- 吕 加 六 


球 迎 觉 临 同上 弟 谨 


符合 要 求 的 商品 列表 


| 商品 名 称 ”| 种 类 
院 安全 与 电子 商 ES 


图 14-25” 选 购 符合 要 求 的 商品 


注意 : 这 个 选 购 动作 ,也 要 像 上 一 节 所 述 的 那样 ,防止 放 入 重复 的 商品 。 对 于 具体 的 
做 法 不 再 坦 述 ,请 读者 自己 来 完成 这 一 步 。 


14. 5.2 集成 的 购物 车 功能 


在 本 节 中 将 讨论 以 下 3 个 问题 

。 如 何 手写 代码 ,实现 复杂 的 功能 。 

。 如 何 判 断 页 面 是 被 应 用 服务 器 正常 地 执行 ,还 是 由 于 表单 提交 被 执行 。 

。 UPDATE 语句 的 应 用 。 

读者 可 能 早 就 想 问 了 ,如 果 不 允许 向 购物 车 添加 同一 种 商品 的 话 , 顾 客 第 一 次 放 入 购 
物 车 的 购买 数量 不 够 , 想 再 买 怎么 办 ? 

利用 14. 5. 1 节 介绍 的 方法 ,可 以 在 查看 购物 车 的 页 面 集成 更 多 的 功能 ,包括 实现 修 
改 购物 数量 这 一 功能 ,其 步骤 如 下 : 

(1) 打开 showcart. asp 文件 。 

(2) 在 重复 区 域 中 的 返回 记录 表格 中 增加 一 行 ,在 新 行 中 添加 一 个 表单 ,如 图 14-26 
所 示 ,表单 包含 的 元 素 如 表 14-6 所 示 。 

接 下 来 ,将 接触 到 本 书 到 目前 为 止 第 一 段 完整 的 手写 脚本 代码 ,这 是 因为 
Dreamweaver 8 提供 的 服务 器 行为 工具 有 限 拒 更 新 记录 了】 服务 器 行为 不 能 更 新 主键 由 多 
个 字段 组 成 的 记录 。 这 有 段 代码 并 不 长 ,而 且 很 容易 看 懂 。 
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商品 号 商品 名 称 “| 种 类 选 购 数量 


{rstCart. ProductID} {rstCart.Nane] |[{rstCart.Category} |[{rstCart.Quantity} 
商品 嫌 述 便便 
frstCart. Description} {rstCart. Listprice} 


何 商 品 。 


/| 
> ND hox vlT84 x 282v 22 KI4 秒 | 
图 14-26 ”修改 购物 车 商品 数量 


表 14-6 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : frmUpdateCart 本 表单 

文本 域 名 字 : txtNewQuantity 用 于 存放 新 的 购买 数量 信息 
类 型 : 单行 

隐藏 区 域 名 字 : hidUsername 用 于 存放 用 户 信 息 
值 : MM_Username 会 话 变量 的 值 

隐藏 区 域 名 字 : hidProductD 用 于 存放 通过 rstCart 中 当前 商 
值 : rstCart 的 ProductID 字段 值 品 记录 的 商品 号 信息 

按钮 名 字 : btnSave 提交 修改 信息 的 按钮 
标签 : 确认 更 改 
动作 : 提交 表单 


(3) 进入 代码 视图 ,在 源 代码 的 开头 找到 : 
< !——#incluge file="../Connections/PurchaseSys.asp"- 一 > 
在 这 名 后 面 插入 以 下 脚本 代码 ,用 于 在 表单 提交 后 执行 购物 车 更 新 动作 。 


< 
'xxx 更 新 商品 购买 数量 


Dim arasoL 


IE (CStr Request ("MM MYONRN)) <> ") Then 

Set amdsQ[= Server.Createcbject (RDODB.Cammandm) 

amdsQL.RCtiveconnection=MM Purchasesys STRING 

anmdSQL. CommandText= " UPDATE, dbo. Shopingcart SET Quantity= '"+ IIRIM (RIRIM (CStr (Request (" 
txtNewQuantity") )) )+ "" WHERE ITRIM(RIRIM(ProductID))= "+ LIRIM (RIRIM(CStr (Request ("higProductID") ))) 
+ "! AND LTRIM(RIRIM (Username) )= '"+ LTRIM (RIRIM(CSt (Request ("hidUsemame") )))+ mm 

amdsQL .Execute 
End If 
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务 > 
注意 : frmUpdateCart 的 “动作 ”属性 为 空 ,表示 表单 参数 将 传 给 本 页 处 理 。 具 体 的 
处 理 代码 就 是 上 面 这 一 段 代 码 。 上 述 代 码 通过 一 个 ADO 的 Command 对 象 的 实例 
cmdSQL 利用 PurchaseSys 数据 库 连 接 , 来 执行 cmdSQL. CommandText 定义 的 
UPDATE 语句 。 读 者 可 以 试 着 把 这 向 UPDATE 语句 的 内 容 展开 。 
(4) 在 frmUpdateCart 中 加 入 一 个 隐藏 区 域 , 如 表 14-7 所 示 定 义 。 
表 14-7 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属性 值 说 明 
表单 名 字 : frmUpdateCart 本 表单 
隐藏 区 域 名 字 : MM_MyOWN 用 于 控制 更 新 动作 是 否 执行 


值 : frmUpdateCart 


由 于 表单 的 元 素 在 页 面 第 一 次 被 浏览 器 调用 显示 时 没有 值 ,直到 表单 被 提交 时 ,这 些 
元 素 才 有 值 , 所 以 应 用 服务 器 可 以 利用 MM_MyOWN 是 否 有 值 来 判断 本 页 的 这 一 次 被 
浏览 器 调用 是 初次 被 调用 ,还 是 由 于 表单 提交 而 被 再 次 调用 执行 。 

基于 这 个 原理 ,可 以 看 到 第 (3) 步 加 入 的 脚本 代码 ,就 是 利用 这 点 来 控制 是 否 执行 购 
物 车 更 新 动作 的 。 

(5) 保存 页 面 。 

同步 站 点 后 ,测试 一 下 效果 。 

现在 ,顾客 在 查看 购物 车 时 ,就 可 以 更 改选 购 的 数量 。 顾 客 所 做 的 改变 ,在 提交 时 会 
马上 反映 出 来 ,如 图 14-27 所 示 。 


文件 四 ”编辑 E) 查看 扩 收藏 W) 工具 中 帮助 00 


@am- 日 -回国 的 Pr 妆 mx @| 合 -对 加 各 


涩 多 光临 网 上 冲 褒 


购物 车 商品 列表 


商品 子 商品 名 称 | 种 类 
| eb 安全 与 电子 商 | 由 于 商务 


书 研 究 了 当今 面临 的 主 


图 14-27 更 改 购物 车 中 选 购 的 数量 页 面 
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14. 5.3 ”如 何 清空 购物 车 


本 节 将 介绍 DELETE 语句 的 具体 应 用 。 增 加 一 个 清空 购物 车 的 功能 ,将 方便 顾客 使 


用 购物 车 ,操作 方法 如 下 : 
(1) 打开 showcart. asp 文件 。 


(2) 如 图 14-28 所 示 添 加 一 个 新 的 表单 ,表单 包含 的 元 素 如 表 14-8 所 示 。 


{rstCart. ProductID} {rstCart. Name} {rstCart. Category} 


{rstCart. Quantity} 


商品 描述 


闫 或 选 购 数 量 为 : [| [Ws] 


{rstCart. Description} {rstCart.Listprice} 


图 14-28 清空 购物 车 


表 14-8 表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 
表单 名 字 : frmClearCart 本 表单 
隐藏 区 域 名 字 : hidUsername 用 于 存放 用 户 信 息 
值 : MM_Username 会 话 变量 的 值 
隐藏 区 域 名 字 : MM_MyOWNforClear 用 于 控制 清空 动作 是 否 执 行 
值 : frmClearCart 
按钮 名 字 : btnClear 确认 清空 按钮 
标签 : 确认 清空 
动作 : 提交 表单 


设置 完 后 ,添加 显示 区 域 服务 器 行为 ,将 该 表单 设 成 “如 果 记 录 集 不 为 空 则 显示 ”。 


(3) 进入 代码 视图 ,在 源 代码 的 开头 找到 : 


<!--#include file="../Connections/PurchaseSys.asp" ——> 


在 这 名 后 面 插入 以 下 脚本 代码 ,用 于 在 表单 提交 后 执行 购物 车 更 新 动作 。 


< 
'xxx ”清空 购物 车 
Dim ardsQLforClear 
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I (CStr (Request ("MWM MYCOWNforClear")) <> "") Then 

Set andsoLforClear= Server.CreateObject ("MDOPB.Command") 

amdsoLforClear.ActiveConnectior= MM PurchaseSys _ STRING 

arasorforclear.CormanqText= "TETETE FROM dbo.ShopingCart WHERE LTRIM (RIRIM (Usemame))= '"+ LTRIM 
(RIRIM(CStr (Request ("hidUsemame"))))+""" 

ardsoLforClear .Execute 
End If 


务 > 


注意 : 与 15. 5. 2 节 的 做 法 类 似 , 上 述 代 码 通过 一 个 ADO 的 Command 对 象 的 实例 
cmdSQLforClear 来 利用 PurchaseSys 数据 库 连 接 以 执行 cmdSQLforClear 
. CommandText 定 义 的 DELETE 语句 。 读 者 可 以 试 着 把 这 和 句 DELETE 语句 的 内 容 
展开 。 

(4) 保存 页 面 。 

同步 站 点 后 ,测试 一 下 效果 。 

单 击 [ 确 认 清空 ] 按 钮 之 后 ,购物 车 就 如 图 14-29 所 示 ,一 件 商品 都 没有 了 。 


可 购书 系统 - 下 
文件 @)。 编 各 思 ) 查看 员 收藏 W) 


@aa .昌国 国 的 | Por 容 tmx @ | 全- 怠 国 和 


地 址 ) 枚 http: /10.10.12/PorchaseSys/ntinmens asp 


浓 多 光临 网 上 上 冲 褒 
购物 车 商品 列表 


= 购物 车 目前 无 任何 商品 。 


下 


图 14-29 清空 购物 车 示意 图 


14.6 实现 下 订单 功能 


本 节 将 介绍 INSERT 语句 的 具体 应 用 以 及 如 何 重 定向 浏览 器 到 另 一 个 页 面 。 

这 是 顾客 购物 的 最 后 一 步 , 即 确认 购物 车 中 的 商品 ,最 后 确认 购买 ,生成 订单 。 至 于 
生成 订单 之 后 是 什么 流程 , 那 就 随 各 个 电子 商务 网 站 的 商务 流程 的 设计 的 不 同 而 不 同 了 。 

下 面 介绍 实现 下 订单 的 功能 ,其 方法 如 下 : 
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(1) 打开 showcart. asp 文件 。 
(2) 如 图 14-30 所 示 ,添加 一 个 新 的 表单 ,表单 包含 的 元 素 如 表 14-9 所 示 。 


Showeart asp 


Ek FE 标题 : Ea [rr C 晶 @ 
加 i EF 
了 
上 
商品 号 商品 名 称 类 选 购 数量 
有 E32 {rstCart. ProductID} {rstCart. Nane} {rstCart. Category} {rstCart. Quantity} 
p 品 描 述 价 
{rstCart. Description} {rstCart. Listprice} 


天 单 啦 


图 14-30 实现 确认 购买 的 网 页 


表 14-9 ”表单 元 素 类 型 .属性 和 说 明 


元 素 类 型 属 性 值 说 明 

表单 名 字 : {rmOrder 本 表单 

隐藏 区 域 名 字 : hidUsername 用 于 存放 用 户 信息 
值 : MM_Username 会 话 变量 的 值 

隐藏 区 域 名 字 : MM_MyOWNforOrder 用 于 控制 下 订单 动 
值 : frmClearCart 作 是 否 执 行 

按钮 名 字 : btnOrder 确认 购买 按钮 
标签 : 买单 啦 
动作 : 提交 表单 


(3) 进入 代码 视图 ,在 源 代 码 的 开头 找到 : 
< !——#incluge file="../Connections/PurchaseSys.asp"- 一 > 
在 这 句 后面 插入 以 下 脚本 代码 ,用 于 在 表单 提交 后 执行 下 订单 动作 。 


< 

闪光 确认 购买 下 订单 

Dim cardsoLfororder 

Dim strCurrentTime 

Dim strUsernare 

I (CStr (Request ("MM MyONfororder )) <> "") Then 
StrCurrentTime= Now() 
Set andsoLforOrder= Server.CreateObject ("ADODB.Camang") 
andsSoLfororder.ActiveConnection=MM PurdhaseSys SIRING 
strUsemame= LTRIM (RIRIM(CStr (Request ("hidJsemame") ))) 
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amasSorfororder.CormandText= "INSERT dbo. [Order] SETIRCT '"+ CSTR(strCurrentTime)+ strUsemamet+ ™", 
dbo.Shopingcart.Username，dbo.Shopingcart.ProductTID，dbo.Catalog.Iistprice，dbo.Shopingcart.Quantity, 
CAST('""+ CSTR (strCurrentTime)+ "' RS datetime) FROM dbo.ShopingCart，dbo.Catalog WHERE ITRIM(RIRIM(dbo. 
ShopingCart .Usemame) )= '"+ strUsemame+ "' RND LTRIM (RIRIM (dbo. ShopingCart. Product I™D) )= LTRIM (RIRIM 
(Gbo.Catalog.ProductID))" ardsoLforOrder .Execute 

adsoLfororder.CormanqText= "TETETE FROM dbo.ShopingCart WHERE LTRIM (RIRIM (Usemame))= '"+ LTIRIM 
(RIRIM(CStr (Request ("higJsemame"))))+ """ 

amdSoLforOrder .Execute 

Response.Redirect ("payment..asp") 
End If 


务 > 


这 个 INSERT 语句 比较 长 ,建议 读者 试 着 把 这 句 INSERT 语句 的 内 容 展开 看 一 看 。 
注意 dbo. Order 表 名 外 加 了 一 对 方 括号 ,这 是 因为 order 这 个 词 与 SQL 的 关键 词 冲 突 ， 
因此 用 方 括号 括 起 来 以 示 区 别 。 

另外 ,这 段 代 码 除了 包含 用 INSERT 语句 实现 的 生成 订单 动作 ,生成 订单 以 后 ,还 包 
含 把 购物 车 清空 的 动作 。 

在 最 后 ,这 段 代 码 还 示意 性 地 将 浏览 器 重 定 向 到 payment. asp 页 面 ,这 象征 性 地 代表 
生成 订单 以 后 的 动作 ,例如 调用 指定 银行 的 支付 网 关 接口 让 顾客 开始 网 上 付款 。 

(4) 保存 页 面 。 

同步 站 点 后 ,测试 一 下 效果 。 

在 下 了 订单 之 后 ,可 以 查看 Order 表 , 查 看 执行 结果 。 图 14-31 显示 了 SQL Server 
企业 管理 器 中 看 到 的 Order 表 内 容 ,选中 的 部 分 是 测试 生成 的 订单 内 容 。 


加 | 至 下 束 豆 | 凤 | 4 履 肝 | 爷 到 系 攻 | 得 


OraarID 

2003-2-7 21:02:51yzhang 
2003-2-7 22:27:04zzy 
2003-2-7 22:27:04zzy 
2003-2-6 0:19:16yzhang 
2003-2-8 0:19:16yzhang 
2003-2-6 23:46:37yzhang 


2003-2-6 23:46:3Tyzhang 
2003-2-8 23146:3Tyzhang 
2003-2-9 21:05:32zzy 
2003-2-9 21.15.29zz 


图 14-31 Order 表 显 示 结 果 


图 14-32 显示 了 对 应 的 示意 性 的 payment 页 面 , 它 的 实现 方法 读者 应 该 已 经 掌握 ,请 
自己 试 试 吧 。 

当然 ,目前 的 Order 表 还 太 简单 ,并 没有 记录 订单 执行 状态 ,哪些 是 未 付款 的 ,哪些 是 
已 确认 付款 等 待 备货 的 ,哪些 是 货物 已 发 运 的 等 。 这 些 细节 在 这 里 不 做 深化 处 理 , 就 留 给 
读者 自己 思考 优化 吧 。 
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潮 购 书 系统 - 了 icrosoft Internet Explorer 
E02 


@@ 鲁 - 四 - 国 轩 的 六 ss 妇 ex @| 合 - 癌 国 迄 


天 二 | 图 No /fi0 10 1 2/Perchesesys/ntinmenn oa 


当 钨 党 蚁 网 上 率 启 
订单 支付 


末 单 可 | 再 品名 称 
(2007-7-5 16:13:59zzq Reb 安全 与 电子 商务 
(2007-7-5 16:13:59zzq [isco 高 可 用 性 组 网 技术 
订单 总 计 : 257 
点 击 进入 网 上 银行 支付 : 


辐 曲 中 四 表 业 伏 行 ”@@ 中 虹 理 翰 亿 和 (全) 中 国 工商 银行 


图 14-32 payment 页 面 


14.7 小 结 


本 章 通过 网 上 书店 的 购物 系统 实例 介绍 了 电子 商务 网 站 的 购物 车 系统 的 设计 和 实 
现 。 在 介绍 过 程 中 , 教 给 读者 如 何 使 用 高 级 方式 来 定义 记录 集 , 也 就 是 直接 运用 复杂 的 
SELECT 语句 来 定义 记录 和 集 , 其 中 包含 了 对 表单 元 素 和 其 他 记录 集 的 引用 。 

本 章 详细 解释 了 Request、Request. Form、Request. QueryString 用 于 获取 参数 时 的 
区 别 。 

本 章 还 通过 实例 ,介绍 了 如 何 查看 服务 器 行为 的 对 应 脚本 代码 ,如 何 对 Dreamweaver 
8 自动 生成 的 服务 器 行为 的 脚本 代码 做 简单 的 修改 来 扩展 功能 。 另 外 ,本 章 还 演示 了 
SELECT 、 UPDATE INSERT 和 DELETE 这 几 个 最 常用 的 SQL 语句 的 用 法 ,并 在 必要 
时 引入 手工 编写 代码 ,实现 复杂 功能 的 方法 。 

本 章 还 详细 分 析 了 页 面 的 执行 方式 ,介绍 了 判断 页 面 是 被 应 用 服务 器 正常 地 执行 ,还 
是 由 表单 提交 被 执行 的 方法 。 本 章 还 介绍 了 重 定向 浏览 器 到 另 一 个 页 面 的 方法 。 

另外 ,本 章 在 实现 购物 动作 时 ,都 没有 考虑 库存 数 的 控制 。 这 是 因为 在 多 用 户 同时 使 
用 网 上 书店 进行 购物 的 时 候 , 如 果 对 库存 数 不 采 用 有 效 的 手段 来 统一 控制 ,将 会 出 现 更 新 
异常 的 现象 ,而 对 库存 数 变 化 的 统一 控制 有 赖 于 数据 库 的 交易 技术 。 因 为 本 书 不 是 一 本 
深入 介绍 数据 库 的 教材 ,因此 ,这 部 分 内 容留 给 有 兴趣 的 读者 自己 去 阅读 掌握 。 有 关 数 据 
库 的 交易 和 并 发 控制 ,在 一 般 的 介绍 数据 库 原 理 的 教材 ,数据 库 厂商 的 培训 教材 中 都 有 
介绍 。 

随 着 这 一 章 内 容 的 结束 ,网 上 书店 的 实例 也 完成 了 其 基本 的 功能 ,成 为 一 个 完整 的 
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Web 应 用 程序 。 当 然 , 它 的 功能 还 不 够 完善 ,但 已 经 是 一 个 确 确实 实 的 完整 的 应 用 ,就 像 
读者 在 Internet 上 或 者 其 他 地 方 看 到 的 应 用 一 样 . 可 以 完成 实 实在 在 的 工作 ,并 且 具 有 典 
型 的 Web 应 用 的 特征 。 回 想 一 下 ,读者 会 发 现 从 开始 开发 这 个 系统 到 现在 ,整个 过 程 并 
不 如 想象 的 那样 困难 ,关键 的 功能 基本 上 都 可 以 用 Dreamweaver 8 提供 的 快速 开发 工具 
来 实现 。 用 Dreamweaver 8 来 开发 Web 应 用 程序 就 这 么 简单 。 
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A 录 册 所 网 学 网 交 建设 课程 
附 : 学 大 纲 


A.1 课程 的 性 质 . 目 的 和 任务 


数字 化 的 商业 社会 对 面向 电子 商务 的 应 用 人 才 提 出 了 更 高 的 培养 要 求 , 为 了 适应 数 
字 化 社会 发 展 的 需求 ,也 为 了 使 计算 机 教学 内 容 的 更 新 与 应 用 现状 保持 同步 ,本 课程 选择 
了 Macromedia 公司 优秀 的 Web 应 用 开发 工具 Dreamweaver 8 作为 开发 电子 商务 网 站 
的 主要 工具 ,并 选择 适当 的 网 络 操作 系统 环境 和 数据 库 软 件 来 开发 电子 商务 网 站 的 应 用 
系统 。 力 图 使 学 生 能 够 掌握 一 种 适当 的 工具 ,采用 可 行 的 手段 和 技巧 来 完成 电子 商务 网 
站 的 创建 与 应 用 。 

本 课程 主要 介绍 电子 商务 网 站 的 基本 原理 和 基本 实现 方法 。 它 是 一 门 开阔 视野 、 增 
长 知识 .提高 实际 工作 能 力 的 计算 机 课程 。 本 课程 既 有 理论 基础 ,又 有 实际 应 用 价值 ,可 
作为 电子 商务 类 、 经 济 类 ,信息 管理 类 工商 管理 类 金融 类 、 法 学 (经 济 法 ,经贸 专业 ) 等 非 
计算 机 专业 的 重要 专业 课 , 也 可 作为 各 相关 专业 的 一 门 重要 的 选修 课 。 

通过 本 课程 的 学 习 , 使 学 生 能 够 了 解 和 掌握 电子 商务 网 站 创建 所 涉及 的 背景 和 基础 
知识 ,掌握 电子 商务 网 站 核心 部 分 的 工作 原理 和 方法 ,了 解 网 络 数据 库 的 基本 原理 和 技 
术 , 了 解 当 前 常用 的 数据 库 软件 .典型 的 客户 端 开 发 工具 ,以 及 HTML、MS SQL Server 
和 ASP 的 基础 知识 等 ,了 解 和 掌握 开发 一 个 电子 商务 网 站 的 过 程 。 


A.2 课程 的 基本 要 求 


1. 教学 的 基本 要 求 


本 课程 围绕 以 下 3 个 方面 展开 : 

(1) 网 站 概论 部 分 : 力图 使 学 生 对 建立 电子 商务 网 站 有 一 个 基本 概念 ,了 解 什么 是 
电子 商务 网 站 , 它 与 别 的 网 站 有 什么 不 同 , 以 及 了 解 建站 相关 的 基础 知识 。 

(2) 外 观 设计 部 分 : 从 网 页 制作 技术 上 向 学 生 介 绍 如 何 利用 网 页 的 静态 的 页 面 元 素 
来 完成 网 站 页 面 的 视觉 效果 。 如 果 把 空 网 页 比 作 画布 ,这 一 部 分 内 容 就 是 教会 学 生 如 何 
在 画布 上 作画 , 画 出 多 姿 多 彩 、 结 构 清晰 、 层 次 分 明 、 引 人 入 胜 的 电子 商务 应 用 的 页 面 。 


(3) Web 应 用 程序 开发 部 分 : 介绍 了 电子 商务 网 站 的 核心 部 分 的 知识 ,以 及 开发 电 
子 商 务 应 用 的 各 个 关键 部 分 的 方法 和 技巧 。 通 过 Dreamweaver 8 与 数据 库 SQLServer 
(或 Access) 结 合 ,完成 一 个 完整 的 电子 商务 应 用 的 实例 。 这 一 部 分 内 容 是 真正 把 网 页 从 
单纯 的 画面 变 成 了 可 以 完成 特定 功能 的 Web 应 用 。 

通过 本 课程 的 学 习 , 应 使 学 生 达 到 以 下 基本 要 求 : 


2. 


了 解 电子 商务 网 站 系统 的 基本 概念 和 相关 技术 的 基础 知识 。 

理解 电子 商务 网 站 的 设计 与 规划 。 

掌握 如 何 使 用 Dreamweaver 8 和 其 他 软件 工具 来 设计 电子 商务 系统 的 外 观 和 视 
觉 效 果 , 如 何 使 用 Dreamweaver 8 来 快速 有 效 的 实现 电子 商务 应 用 的 各 种 基本 
功能 。 

理解 如 何 使 用 Dreamweaver 8 和 SQL Server 来 管理 ,使 用 商务 数据 。 

了 解 和 掌握 网 络 数 据 库 的 发 展 以 及 常见 的 数据 库 产品 (Access、SQL Server) , 重 
点 掌握 SQL Server 的 有 关 知 识 ,能够 正确 运用 基本 的 SQL 语句 等 。 能 熟练 掌握 
后 台数 据 库 的 开发 ,设计 合理 的 数据 表 。 

能 独立 完成 应 用 程序 的 运行 环境 的 设置 , 即 Windows 2000 Server IIS 5.0 和 MS 
SQL Server 的 安装 和 配置 。 


教学 的 层次 要 求 


(1) 掌握 : 要 求 能 够 全 面 掌 握 所 学 内 容 , 并 能 够 分 析 、 初 步 设计 和 解答 与 本 课程 相关 
的 网 站 设计 和 建设 的 问题 ,能 够 举一反三 。 

(2) 理解 : 要 求 能 够 较 好 地 理解 相关 的 内 容 , 并 且 能 够 进行 简单 分 析 和 判断 。 

(3) 了 解 : 要 求学 生 能 够 一 般 的 了 解 所 学 内 容 。 


A.3 教学 内 容 和 要 求 


1. 概论 部 分 

电子 商务 网 站 的 组 成 .特点 和 分 类 了 解 
电子 商务 网 站 构成 要 素 和 设计 要 求 了 解 
电子 商务 网 站 建站 的 基础 知识 理解 
2. 外 观 设计 部 分 

Dreamweaver 8 的 工作 环境 掌握 
本 地 站 点 创建 及 应 用 掌握 
网 页 文件 的 基本 操作 掌握 
网 页 文档 的 格式 化 及 插入 各 种 网 页 元 素 理解 


294 


电子 商务 网 站 建设 教程 (第 2 版 ) 


利用 外 部 编辑 器 编辑 图 像 理解 


建立 各 种 超级 链接 掌握 
表格 的 创建 与 应 用 理解 
布局 表格 和 布局 单元 格 掌握 
层 的 创建 与 应 用 掌握 
框架 的 创建 与 应 用 掌握 
行为 的 应 用 理解 
时 间 轴 的 应 用 理解 
CSS 层 琶 样式 及 其 应 用 理解 
模板 和 库 及 其 应 用 理解 
表单 及 其 应 用 理解 
3. Web 应 用 程序 开发 部 分 

Web 应 用 程序 的 工作 方式 理解 
ASP 应 用 服务 器 技术 基础 理解 
VBScript 脚本 语言 理解 
SQL Server 数据 库 的 安装 与 设置 了 解 
数据 库 的 数据 类 型 .SQL 语句 .数据库 表 的 建立 与 基本 操作 掌握 
配置 Access 数据 库 的 ODBC DSN( 选 学 ) 了 解 
安装 和 配置 IIS 理解 
配置 SQL Server 数据 库 的 ODBC DSN 理解 
ADO 的 基本 概念 与 应 用 理解 
建立 面向 Web 应 用 开发 的 Dreamweaver 8 站 点 掌握 
网 站 用 户 登 录 和 密码 验证 理解 
商品 数据 库 的 输入 、 修 改 、 删 除 和 查询 掌握 
商品 数据 库 的 复合 条 件 的 检索 理解 


本 课程 在 课时 和 内 容 安排 上 松紧 适度 ,便于 教师 授课 。 本 书 所 有 各 章节 都 配 有 
精心 设计 的 实例 ,可 帮助 学 生 快 速 理解 和 掌握 知识 要 点 。 本 书 为 每 一 章 的 知识 点 设 
置 了 由 浅 入 深 的 实验 ,关键 实验 都 有 详细 的 参考 步骤 ,帮助 学 生 完成 实验 ,理解 实验 
涉及 的 知识 点 和 技巧 。 每 个 实验 后 安排 的 思考 题 ,满足 了 学 生 复 习 与 加 深 理解 知识 
点 的 实际 需要 。 


A.4 课时 分 配 
课程 教学 总 学 时 数 为 72 学 时 ,其 中 讲授 学 时 42 ,实验 学 时 30, 如 表 A-l 所 示 。 
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表 A-1 课时 分 配 


章 号 教学 内 容 授课 学 时 | 章 号 教学 内 容 授课 学 时 

1,2 电子 商务 网 站 的 特点 、 分 类 、 3 10,11 建立 和 发 布 Web 应 用 4 
规划 和 设计 程序 

3 网 页 设计 基础 2 这 网 站 登录 和 密码 验证 系统 4 

4 层 与 表格 及 其 应 用 2 13 商品 信息 维护 系统 4 

5 超级 链接 与 框架 网 页 及 其 4 14 集成 的 购物 车 系统 5 
应 用 

6 行为 与 时 间 轴 及 其 应 用 3 上 机 实验 30 

7 CSS 样式 ,模板 和 库 3 测验 或 考试 

8 表单 及 其 应 用 2 总 计 

9 Web 应 用 程序 概述 6 


注意 : 已 学 过 网 页 制作 的 学 生 可 对 这 部 分 知识 稍 加 复习 ,只 学 本 课程 的 第 1、2 章 与 
第 9 一 14 章 的 内 容 ,建议 的 学 时 数 为 54 课时 。 


A.5 本 课程 与 其 他 课程 的 关系 
本 课程 的 先 修 课程 为 : 计算 机 基础 .网 络 的 基础 .数据 库 基础 等 


A.6 教材 及 参考 书 


本 课程 使 用 教材 : 
(1)《 电 子 商 务 网 站 建设 教程 (第 2 版) (清华 大 学 出 版 社 ) 
(2)《 电 子 商 务 网 站 建设 教程 实验 指导 (第 2 版 ) (清华 大 学 出 版 社 ) 
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参考 文献 


[1] 尚 俊杰 等 . 网 络 程序 设计 一 一 ASP 案例 教程 .北京 : 清华 大 学 出 版 社 ,2005. 
[2] 陈 建 伟 等 . ASP 动态 网 站 开发 教程 .北京 : 清华 大 学 出 版 社 ,2005. 
[3] 荣 欣 科技 . ASP 十 Dreamweaver MX 2004 数据 库 网 站 开发 与 实例 . 北京 : 清华 大 学 出 版 社 ,2004. 


高 等 学 校 计算 机 基础 教育 教材 精 选 


书 名 
Access 数据 库 基础 教程 赵 乃 真 
AutoCAD 2002 实用 教程 ” 唐 嘉 平 
AutoCAD 2006 实用 教程 (第 2 版 ) 唐 嘉 平 
AutoCAD 2007 中 文 版 机 械 制图 实例 教程 ” 蒋 晓 
AutoCAD 计算 机 绘图 教程 ” 李 苏 红 
C++ 及 Windows 可 视 化 程序 设计 刘 振 安 


C++ 及 Windows 可 视 化 程序 设计 题解 与 实验 指导 ” 刘 振 安 


C++ 语言 基础 教程 (第 2 版 ) 吕 风 埋 

C++ 语言 基础 教程 题解 与 上 机 指导 (第 2 版 ) 吕 风 壳 
C++ 语言 简明 教程 吕 风 者 

CATIA 实用 教程 ” 李 学 志 

C 程序 设计 教程 (第 2 版 ) 崔 武 子 

C 程序 设计 辅导 与 实 训 “ 崔 武 子 

C 程序 设计 试题 精 选 ” 崔 武 子 

C 语 言 程序 设计 牛 志 成 
PowerBuilder 数据 库 应 用 系统 开发 教程 ” 崔 狗 
Pro/ENGINEER 基础 建 模 与 运动 仿真 教程 ” 孙 进 平 
SAS 编程 技术 教程 ” 朱 世 武 

SQL Server 2000 实用 教程 ” 范 立 南 

Visual Basic 6. 0 程序 设计 实用 教程 (第 2 版 ) 罗 朝 盛 
Visual Basic 程序 设计 实验 指导 与 习题 罗 朝 盛 
Visual Basic 程序 设计 教程 刘 天 惠 

Visual Basic 程序 设计 应 用 教程 王 瑾 德 

Visual Basic 试题 解析 与 实验 指导 ” 王 瑾 德 

Visual Basic 数据 库 应 用 开发 教程 ” 徐 安 东 

Visual C++ 6.0 实用 教程 (第 2 版 ) 杨 永 国 

Visual FoxPro 程序 设计 罗 淑 英 

Visual FoxPro 数据 库 及 面向 对 象 程序 设计 基础 ” 宋 长 龙 
Visual LISP 程序 设计 (AutoCAD 2006) ” 李 学 志 
Web 数据 库 技术 ”铁军 

程序 设计 教程 (Delphi) ” 姚 普选 

程序 设计 教程 (Visual C++ ) 姚 普选 

大 学 计算 机 (应 用 基础 。Windows 2000 环境 ) 卢 湘 鸿 
大 学 计算 机 基础 ”高 敬 阳 

大 学 计算 机 基础 实验 指导 高 敬 阳 

大 学 计算 机 基础 ” 秦 光 洁 

大 学 计算 机 基础 实验 指导 与 习题 集 秦 光 洁 

大 学 计算 机 基础 ” 牛 志 

大 学 计算 机 基础 ” 警 秀 玲 

大 学 计算 机 基础 习题 与 实验 指导 ” 警 秀 玲 

大 学 计算 机 基础 教程 (第 2 版 ) ” 张 莉 

大 学 计算 机 基础 实验 教程 (第 2 版) 张 莉 

大 学 计算 机 基础 实践 教程 (第 2 版 ) 王 行 恒 

大 学 计算 机 技术 应 用 ” 陈 志 云 

大 学 计算 机 软件 应 用 “ 王 行 恒 


书 号 
ISBN 978-7-302-12950-9 
ISBN 978-7-302-05562-4 
ISBN 978-7-302-13603-3 
ISBN 978-7-302-14965-1 
ISBN 978-7-302-10247-2 
ISBN 978-7-302-06786-3 
ISBN 978-7-302-09409-8 
ISBN 978-7-302-13015-4 
ISBN 978-7-302-15200-2 
ISBN 978-7-302-15553-9 
ISBN 978-7-302-07891-3 
ISBN 978-7-302-14955-2 
ISBN 978-7-302-07674-2 
ISBN 978-7-302-10760-6 
ISBN 978-7-302-16562-0 
ISBN 978-7-302-10501-5 
ISBN 978-7-302-16145-5 
ISBN 978-7-302-15949-0 
ISBN 978-7-302-07937-8 
ISBN 978-7-302-16153-0 
ISBN 978-7-302-07796-1 
ISBN 978-7-302-12435-1 
ISBN 978-7-302-15602-4 
ISBN 978-7-302-15520-1 
ISBN 978-7-302-13479-4 
ISBN 978-7-302-15487-7 
ISBN 978-7-302-13548-7 
ISBN 978-7-302-15763-2 
ISBN 978-7-302-11924-1 
ISBN 978-7-302-08260-6 
ISBN 978-7-302-08028-2 
ISBN 978-7-302-11134-4 
ISBN 978-7-302-10187-1 
ISBN 978-7-302-11566-3 
ISBN 978-7-302-11545-8 
ISBN 978-7-302-15730-4 
ISBN 978-7-302-16072-4 
ISBN 978-7-302-15485-3 
ISBN 978-7-302-13134-2 
ISBN 978-7-302-14957-6 
ISBN 978-7-302-15953-7 
ISBN 978-7-302-16133-2 
ISBN 978-7-302-18320-4 
ISBN 978-7-302-15641-3 
ISBN 978-7-302-14802-9 


大 学 计算 机 应 用 基础 ”高 光 来 

大 学 计算 机 应 用 基础 上 机 指导 与 习题 集 ”部 莉 
大 学 计算 机 应 用 基础 ”王志强 

大 学 计算 机 应 用 基础 题解 与 实验 指导 ”王志强 
大 学 计算 机 应 用 基础 教程 ”人 詹 国 华 

大 学 计算 机 应 用 基础 实验 教程 (修订 版 
大 学 计算 机 应 用 教程 ”韩文 峰 

大 学 信息 技术 (Linux 操作 系统 及 其 应 用 ) 
电子 商务 网 站 建设 教程 (第 二 版 ) 赵 祖 荫 
电子 商务 网 站 建设 实验 指导 赵 祖 蓝 

多 媒体 技术 及 应 用 王 志 

多 媒体 技术 及 应 用 ” 付 先 平 

多 媒体 应 用 与 开发 基础 ” 史 济 民 

基于 Linux 环境 的 计算 机 基础 教程 ”吴华 洋 
基于 开放 平台 的 网 页 设计 与 编程 (第 2 版) 
计算 机 辅助 工程 制图 孙 力 红 
计算 机 辅助 设计 与 绘图 (AutoCAD 2007 中 文 版 )( 第 2 版) 
计算 机 软件 技术 及 应 用 基础 ” 冯 萍 

计算 机 图 形 图 像 处 理 技术 与 应 用 ” 何 殴 
计算 机 网 络 公共 基础 ” 史 济 民 

计算 机 网 络 基础 (第 2 版 ) 杨 云 江 

计算 机 网 络 技术 与 设备 ” 满 文 庆 

计算 机 文化 基础 教程 (第 2 版) 冯 博 琴 
计算 机 文化 基础 教程 实验 指导 与 习题 解答 
计算 机 信息 技术 基础 教程 杨 平 
计算 机 应 用 基础 ” 林 冬 梅 

计算 机 应 用 基础 实验 指导 与 题 集 冉 清 
计算 机 应 用 基础 题解 与 模拟 试卷 ” 徐 士 良 
计算 机 应 用 基础 教程 ” 姜 继 忱 
计算 机 硬件 技术 基础 ” 李 继 灿 

软件 技术 与 程序 设计 (Visual FoxPro 版 ) 刘 玉 萍 

数据 库 应 用 程序 设计 基础 教程 (Visual FoxPro) ” 周 山 英 

数据 库 应 用 程序 设计 基础 教程 (Visual FoxPro) 题 解 与 实验 指导 ” 黄 京 莲 
数据 库 原理 及 应 用 (Access) (第 2 版 ) 姚 普选 
数据 库 原理 及 应 用 (Access) 题 解 与 实验 指导 (第 2 版 ) 
数值 方法 与 计算 机 实现 ” 徐 士 良 

网 络 基础 及 Internet 实用 技术 “” 姚 永 力 

网 络 基础 与 Internet 应 用 “” 姚 永 悉 

网 络 数据 库 技 术 与 应 用 “” 何 葡 

网 页 设计 创意 与 编程 ” 魏 善 沛 

网 页 设计 创意 与 编程 实验 指导 魏 善 沛 

网 页 设计 与 制作 技术 教程 (第 2 版 ) 王 传 华 

网 页 设计 与 制作 教程 ” 杨 选 辉 

网 页 设计 与 制作 实验 指导 杨 选 辉 

微型 计算 机 原理 与 接口 技术 (第 2 版 ) 冯 博 琴 
微型 计算 机 原理 与 接口 技术 题解 及 实验 指导 (第 2 版 ) 吴宁 
现代 微型 计算 机 原理 与 接口 技术 教程 ” 杨 文 显 

新 编 16/32 位 微型 计算 机 原理 及 应 用 教学 指导 与 习题 详解 ” 李 继 灿 


詹 国 华 


庙 克 定 


程 向 前 


李 学 志 


冯 博 琴 


姚 普选 


ISBN 978-7-302-13774-0 
ISBN 978-7-302-15495-2 
ISBN 978-7-302-11790-2 
ISBN 978-7-302-11833-6 
ISBN 978-7-302-11483-3 
ISBN 978-7-302-16070-0 
ISBN 978-7-302-11805-3 
ISBN 978-7-302-10558-9 
ISBN 978-7-302-16370-1 
ISBN 978-7-302-07941-5 
ISBN 978-7-302-08183-8 
ISBN 978-7-302-14831-9 
ISBN 978-7-302-07018-4 
ISBN 978-7-302-13547-0 
ISBN 978-7-302-18377-8 
ISBN 978-7-302-11236-5 
ISBN 978-7-302-15951-3 
ISBN 978-7-302-07905-7 
ISBN 978-7-302-15676-5 
ISBN 978-7-302-05358-3 
ISBN 978-7-302-16107-3 
ISBN 978-7-302-08351-1 
ISBN 978-7-302-10024-9 
ISBN 978-7-302-09637-5 
ISBN 978-7-302-07108-2 
ISBN 978-7-302-12282-1 
ISBN 978-7-302-12930-1 
ISBN 978-7-302-14191-4 
ISBN 978-7-302-18421-8 
ISBN 978-7-302-14491-5 
ISBN 978-7-302-13317-9 
ISBN 978-7-302-09052-6 
ISBN 978-7-302-11710-0 
ISBN 978-7-302-13131-1 
ISBN 978-7-302-18987-9 
ISBN 978-7-302-11604-2 
ISBN 978-7-302-06488-6 
ISBN 978-7-302-13601-9 
ISBN 978-7-302-11759-9 
ISBN 978-7-302-12415-3 
ISBN 978-7-302-14711-4 
ISBN 978-7-302-15254-8 
ISBN 978-7-302-10686-9 
ISBN 978-7-302-10687-6 
ISBN 978-7-302-15213-2 
ISBN 978-7-302-16016-8 
ISBN 978-7-302-12761-1 
ISBN 978-7-302-13396-4 


读者 意见 反馈 


亲爱 的 读者 : 

感谢 您 一 直 以 来 对 清华 版 计算 机 教材 的 支持 和 爱护 。 为 了 今后 为 您 提供 更 优秀 的 
教材 ， 请 您 抽出 宝贵 的 时 间 来 填写 下 面 的 意见 反馈 表 ， 以 便于 我 们 更 好 地 对 本 教材 做 
进一步 改进 。 同 时 如 果 您 在 使 用 本 教材 的 过 程 中 遇 到 了 什么 问题 ， 或 者 有 什么 好 的 建 
议 ， 也 请 您 来 信 告诉 我 们 。 

地 址 :北京 市 海淀 区 双 清 路 学 研 大 厦 A 座 602 室 。 计算 机 与 信息 分 社 营销 室 收 

邮编 ， 100084 电子 邮件 : jsjjc@tup.tsinghua.edu.cn 

电话 : 010-62770175-4608/4409 邮购 电话 : 010-62786544 


教材 名 称 : 电子 商务 网 站 建设 教程 (第 2 版) 
ISBN: 978-7-302-16370-1 


年 龄 : 所 在 院 校 /专业 : 
通信 地 址 : 
电子 信箱 : 
您 使 用 本 书 是 作为 : 口 指定 教材 口 选 用 教材 口 辅导 教材 口 自学 教材 
您 对 本 书 封面 设计 的 满意 度 : 
很 满意 口 满意 口 一 般 口 不 满意 改进 建议 
您 对 本 书 印刷 质量 的 : 
很 满意 口 满意 口 一 般 口 不 满意 改进 建议 
您 对 本 书 的 总 体 满意 度 : 
从 语言 质量 角度 看 口 很 满意 口 满意 口 一 般 口 不 满意 
从 科技 含量 角度 看 口 很 满意 口 满意 口 一 般 口 不 满意 
本 书 最 令 您 满意 的 是 : 
指导 明确 口内 容 充实 口 讲解 详尽 口 实例 丰富 
您 认为 本 书 在 哪些 地 方 应 进行 修改 ?可 附 页 ) 


您 希望 本 书 在 哪些 方面 进行 改进 ? 〈 可 附 页 ) 


电子 教案 支持 


敬爱 的 教师 : 

为 了 配合 本 课程 的 教学 需要 ， 本 教材 配 有 配套 的 电子 教案 (素材 )， 有 需求 的 教师 可 
以 与 我 们 联系 , 我们 将 向 使 用 本 教材 进行 教学 的 教师 免费 赠送 电子 教案 (素材 ), 希望 有 
助 于 教学 活动 的 开展 。 相 关 信息 请 拨打 电话 010-62776969 或 发 送 电 子 邮 件 至 
jsjjc@tup tsinghuaedu.cn 咨询 ， 也 可 以 到 清华 大 学 出 版 社 主页 (http://wwwtup.com.cn 或 
http://www.tup.tsinghua.edu.cn) 上 查询 。 


